#BBCEC4

#BBCEC4

#CEBBC5

#CEBBC5

コントラスト比

1.1:1

Delta E

17.96

Noticeable

50:50 ミックス

#C5C5C5

カラー値

フォーマット #BBCEC4 #CEBBC5
HEX #BBCEC4 #CEBBC5
RGB 187, 206, 196 206, 187, 197
HSL 148.4, 16.2%, 77.1% 328.4, 16.2%, 77.1%
HSV 148.4, 9.2%, 80.8% 328.4, 9.2%, 80.8%
CMYK 9.2%, 0.0%, 4.9%, 19.2% 0.0%, 9.2%, 4.4%, 19.2%
OKLCH 0.8342 0.0248 163.0 0.8109 0.0254 344.6

コントラストとアクセシビリティ

1.1:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

いろはにほへとちりぬるをわかよたれそつねならむ

テキスト: #CEBBC5 → 背景色: #BBCEC4

いろはにほへとちりぬるをわかよたれそつねならむ

テキスト: #BBCEC4 → 背景色: #CEBBC5

色差 (Delta E)

17.96 Noticeable
0 — 同一 5 — 類似 25 — 目立つ差異 100 — 大きく異なる

グラデーション

#BBCEC4 #BECBC4 #C2C8C4 #C5C5C5 #C8C1C5 #CBBEC5 #CEBBC5

カラーミキシング

#BBCEC4

100%

#C0C9C4

75:25

#C5C5C5

50:50

#CAC0C5

25:75

#CEBBC5

100%

CSSグラデーションコード

background: linear-gradient(to right, #BBCEC4, #CEBBC5);
background: linear-gradient(135deg, #BBCEC4, #CEBBC5);

各色を詳しく見る

#BBCEC4

カラーの詳細をすべて見る

#CEBBC5

カラーの詳細をすべて見る

関連する比較