#BAFDDF

#BAFDDF

#FDBAD8

#FDBAD8

コントラスト比

1.38:1

Delta E

58.16

Very Different

50:50 ミックス

#E0DDDC

カラー値

フォーマット #BAFDDF #FDBAD8
HEX #BAFDDF #FDBAD8
RGB 186, 253, 223 253, 186, 216
HSL 153.1, 94.4%, 86.1% 333.1, 94.4%, 86.1%
HSV 153.1, 26.5%, 99.2% 333.1, 26.5%, 99.2%
CMYK 26.5%, 0.0%, 11.9%, 0.8% 0.0%, 26.5%, 14.6%, 0.8%
OKLCH 0.9412 0.0784 165.4 0.8589 0.0857 350.5

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

1.38:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FDBAD8 → 背景色: #BAFDDF

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

テキスト: #BAFDDF → 背景色: #FDBAD8

色差 (Delta E)

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

グラデーション

#BAFDDF #C8F3DE #D5E8DD #E0DDDC #EBD2DA #F4C6D9 #FDBAD8

カラーミキシング

#BAFDDF

100%

#CFEDDD

75:25

#E0DDDC

50:50

#F0CCDA

25:75

#FDBAD8

100%

CSSグラデーションコード

background: linear-gradient(to right, #BAFDDF, #FDBAD8);
background: linear-gradient(135deg, #BAFDDF, #FDBAD8);

各色を詳しく見る

#BAFDDF

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

#FDBAD8

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

関連する比較