#B8F0DF

#B8F0DF

#F0B8C9

#F0B8C9

コントラスト比

1.34:1

Delta E

45.23

Very Different

50:50 ミックス

#D8D5D4

カラー値

フォーマット #B8F0DF #F0B8C9
HEX #B8F0DF #F0B8C9
RGB 184, 240, 223 240, 184, 201
HSL 161.8, 65.1%, 83.1% 341.8, 65.1%, 83.1%
HSV 161.8, 23.3%, 94.1% 341.8, 23.3%, 94.1%
CMYK 23.3%, 0.0%, 7.1%, 5.9% 0.0%, 23.3%, 16.2%, 5.9%
OKLCH 0.9121 0.0615 174.3 0.838 0.068 358.7

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

1.34:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F0B8C9 → 背景色: #B8F0DF

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

テキスト: #B8F0DF → 背景色: #F0B8C9

色差 (Delta E)

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

グラデーション

#B8F0DF #C4E7DB #CEDED8 #D8D5D4 #E1CCD0 #E9C2CD #F0B8C9

カラーミキシング

#B8F0DF

100%

#C9E3D9

75:25

#D8D5D4

50:50

#E5C7CE

25:75

#F0B8C9

100%

CSSグラデーションコード

background: linear-gradient(to right, #B8F0DF, #F0B8C9);
background: linear-gradient(135deg, #B8F0DF, #F0B8C9);

各色を詳しく見る

#B8F0DF

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

#F0B8C9

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

関連する比較