#CCCDD3

#CCCDD3

#D3D2CC

#D3D2CC

コントラスト比

1.05:1

Delta E

6.57

Noticeable

50:50 ミックス

#D0CFD0

カラー値

フォーマット #CCCDD3 #D3D2CC
HEX #CCCDD3 #D3D2CC
RGB 204, 205, 211 211, 210, 204
HSL 231.4, 7.4%, 81.4% 51.4, 7.4%, 81.4%
HSV 231.4, 3.3%, 82.7% 51.4, 3.3%, 82.7%
CMYK 3.3%, 2.8%, 0.0%, 17.3% 0.0%, 0.5%, 3.3%, 17.3%
OKLCH 0.8493 0.0083 278.6 0.8629 0.0082 98.9

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

1.05:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #D3D2CC → 背景色: #CCCDD3

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

テキスト: #CCCDD3 → 背景色: #D3D2CC

色差 (Delta E)

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

グラデーション

#CCCDD3 #CDCED2 #CECFD1 #D0CFD0 #D1D0CE #D2D1CD #D3D2CC

カラーミキシング

#CCCDD3

100%

#CECED1

75:25

#D0CFD0

50:50

#D1D1CE

25:75

#D3D2CC

100%

CSSグラデーションコード

background: linear-gradient(to right, #CCCDD3, #D3D2CC);
background: linear-gradient(135deg, #CCCDD3, #D3D2CC);

各色を詳しく見る

#CCCDD3

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

#D3D2CC

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

関連する比較