#A2C5DF

#A2C5DF

#DFBCA2

#DFBCA2

コントラスト比

1.02:1

Delta E

37.51

Very Different

50:50 ミックス

#C5C1C1

カラー値

フォーマット #A2C5DF #DFBCA2
HEX #A2C5DF #DFBCA2
RGB 162, 197, 223 223, 188, 162
HSL 205.6, 48.8%, 75.5% 25.6, 48.8%, 75.5%
HSV 205.6, 27.4%, 87.5% 25.6, 27.4%, 87.5%
CMYK 27.4%, 11.7%, 0.0%, 12.5% 0.0%, 15.7%, 27.4%, 12.5%
OKLCH 0.8066 0.0526 240.5 0.8189 0.0536 58.5

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

1.02:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DFBCA2 → 背景色: #A2C5DF

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

テキスト: #A2C5DF → 背景色: #DFBCA2

色差 (Delta E)

37.51 Very Different
0 — 同一 5 — 類似 25 — 目立つ差異 100 — 大きく異なる

グラデーション

#A2C5DF #AFC4D5 #BAC2CB #C5C1C1 #CEBFB6 #D7BEAC #DFBCA2

カラーミキシング

#A2C5DF

100%

#B5C3D0

75:25

#C5C1C1

50:50

#D3BEB1

25:75

#DFBCA2

100%

CSSグラデーションコード

background: linear-gradient(to right, #A2C5DF, #DFBCA2);
background: linear-gradient(135deg, #A2C5DF, #DFBCA2);

各色を詳しく見る

#A2C5DF

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

#DFBCA2

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

関連する比較