色変換
色変換 for #FFCCDD の色
画面、塗料、パレット、デジタル素材を比較するための数値情報です。
色空間
| RGB | 255 | 204 | 221 | |
|---|---|---|---|---|
| HSL | 340° | 100% | 90% | |
| HSV | 340° | 20% | 100% | |
| CMYK | 0% | 20% | 13.33% | 0% |
| XYZ | 75.8837 | 69.6688 | 77.8428 | |
| Yxy | 69.6688 | 0.3397 | 0.3119 | |
| Hunter Lab | 83.4678 | 16.2109 | 3.1548 | |
| CIE-Lab | 86.8342 | 20.5948 | -1.5335 | |
| CIE-LCH | 86.8342 | 20.6518 | 355.7416 | |
| CIE-LUV | 86.8342 | 29.6469 | -6.0975 |
基数表記
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 11111111 | 11001100 | 11011101 |
| Octal | 377 | 314 | 335 |
| Decimal | 255 | 204 | 221 |
| Hex | FF | CC | DD |
RGB比率
CMYK比率
濃い色 #FFCCDD
淡い色 #FFCCDD
調和
配色
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#FFCCDD の色 黒背景
#FFCCDD の色 サンプルテキスト
#FFCCDD の色 白背景
#FFCCDD の色 サンプルテキスト
#FFCCDD CSSコード
.background { background-color: #FFCCDD; }
.text { color: #FFCCDD; }
.border { border: 3px solid #FFCCDD; }
.shadow { box-shadow: 0 8px 28px rgba(255, 204, 221, 0.35); }CSSプレビュー
アクセシビリティ
白とのコントラスト1.41:1低い
黒とのコントラスト14.93:1AAA
Webセーフカラー#FFCCCCNear
輝度0.69670-1
言語
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#FFCCDD color
PortuguêsCor #FFCCDD
EspañolColor #FFCCDD
한국어#FFCCDD 색상
日本語#FFCCDD の色
中文#FFCCDD 颜色
DeutschFarbe #FFCCDD
FrançaisCouleur #FFCCDD
組み合わせ
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #FFCCDD の色.
近い色
See 赤系
Similar colors
ラベンダー blush
Lavender blush
Mimi ピンク
Mimi Pink
Carnation ピンク
Carnation pink
Piggy ピンク
Piggy pink
Cotton candy
Cotton candy
Baker-miller ピンク
Baker-Miller pink
Schauss ピンク
Schauss pink
Tickle me ピンク
Tickle Me Pink
Nadeshiko ピンク
Nadeshiko pink
Cherry blossom ピンク
Cherry blossom pink
Bubble gum
Bubble gum
French ピンク
French pink