#ABD4F2

#ABD4F2

#F2C9AB

#F2C9AB

コントラスト比

1.02:1

Delta E

42.97

Very Different

50:50 ミックス

#D4CFCF

カラー値

フォーマット #ABD4F2 #F2C9AB
HEX #ABD4F2 #F2C9AB
RGB 171, 212, 242 242, 201, 171
HSL 205.4, 73.2%, 81.0% 25.4, 73.2%, 81.0%
HSV 205.4, 29.3%, 94.9% 25.4, 29.3%, 94.9%
CMYK 29.3%, 12.4%, 0.0%, 5.1% 0.0%, 16.9%, 29.3%, 5.1%
OKLCH 0.8507 0.0602 240.1 0.8638 0.0616 58.0

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

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

テキスト読みやすさ

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

テキスト: #F2C9AB → 背景色: #ABD4F2

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

テキスト: #ABD4F2 → 背景色: #F2C9AB

色差 (Delta E)

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

グラデーション

#ABD4F2 #BAD2E6 #C8D0DA #D4CFCF #DFCDC3 #E9CBB7 #F2C9AB

カラーミキシング

#ABD4F2

100%

#C1D1E0

75:25

#D4CFCF

50:50

#E4CCBD

25:75

#F2C9AB

100%

CSSグラデーションコード

background: linear-gradient(to right, #ABD4F2, #F2C9AB);
background: linear-gradient(135deg, #ABD4F2, #F2C9AB);

各色を詳しく見る

#ABD4F2

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

#F2C9AB

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

関連する比較