#BAE3F8

#BAE3F8

#F8CFBA

#F8CFBA

コントラスト比

1.06:1

Delta E

36.47

Very Different

50:50 ミックス

#DDD9D9

カラー値

フォーマット #BAE3F8 #F8CFBA
HEX #BAE3F8 #F8CFBA
RGB 186, 227, 248 248, 207, 186
HSL 200.3, 81.6%, 85.1% 20.3, 81.6%, 85.1%
HSV 200.3, 25.0%, 97.3% 20.3, 25.0%, 97.3%
CMYK 25.0%, 8.5%, 0.0%, 2.7% 0.0%, 16.5%, 25.0%, 2.7%
OKLCH 0.8935 0.0516 230.3 0.8842 0.0545 48.7

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

1.06:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F8CFBA → 背景色: #BAE3F8

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

テキスト: #BAE3F8 → 背景色: #F8CFBA

色差 (Delta E)

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

グラデーション

#BAE3F8 #C7E0EE #D3DCE3 #DDD9D9 #E7D6CF #F0D2C4 #F8CFBA

カラーミキシング

#BAE3F8

100%

#CDDEE8

75:25

#DDD9D9

50:50

#EBD4C9

25:75

#F8CFBA

100%

CSSグラデーションコード

background: linear-gradient(to right, #BAE3F8, #F8CFBA);
background: linear-gradient(135deg, #BAE3F8, #F8CFBA);

各色を詳しく見る

#BAE3F8

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

#F8CFBA

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

関連する比較