#A4CFDF

#A4CFDF

#DFB4A4

#DFB4A4

コントラスト比

1.12:1

Delta E

35.81

Very Different

50:50 ミックス

#C6C2C1

カラー値

フォーマット #A4CFDF #DFB4A4
HEX #A4CFDF #DFB4A4
RGB 164, 207, 223 223, 180, 164
HSL 196.3, 48.0%, 75.9% 16.3, 48.0%, 75.9%
HSV 196.3, 26.5%, 87.5% 16.3, 26.5%, 87.5%
CMYK 26.5%, 7.2%, 0.0%, 12.5% 0.0%, 19.3%, 26.5%, 12.5%
OKLCH 0.8291 0.0504 222.6 0.804 0.055 41.4

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

1.12:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DFB4A4 → 背景色: #A4CFDF

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

テキスト: #A4CFDF → 背景色: #DFB4A4

色差 (Delta E)

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

グラデーション

#A4CFDF #B1CBD5 #BCC6CB #C6C2C1 #CFBDB7 #D7B9AE #DFB4A4

カラーミキシング

#A4CFDF

100%

#B6C8D0

75:25

#C6C2C1

50:50

#D3BBB3

25:75

#DFB4A4

100%

CSSグラデーションコード

background: linear-gradient(to right, #A4CFDF, #DFB4A4);
background: linear-gradient(135deg, #A4CFDF, #DFB4A4);

各色を詳しく見る

#A4CFDF

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

#DFB4A4

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

関連する比較