#BAEAFD

#BAEAFD

#FDCDBA

#FDCDBA

コントラスト比

1.11:1

Delta E

39.56

Very Different

50:50 ミックス

#E1DCDB

カラー値

フォーマット #BAEAFD #FDCDBA
HEX #BAEAFD #FDCDBA
RGB 186, 234, 253 253, 205, 186
HSL 197.0, 94.4%, 86.1% 17.0, 94.4%, 86.1%
HSV 197.0, 26.5%, 99.2% 17.0, 26.5%, 99.2%
CMYK 26.5%, 7.5%, 0.0%, 0.8% 0.0%, 19.0%, 26.5%, 0.8%
OKLCH 0.9097 0.0557 224.0 0.8851 0.0605 42.7

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

1.11:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FDCDBA → 背景色: #BAEAFD

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

テキスト: #BAEAFD → 背景色: #FDCDBA

色差 (Delta E)

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

グラデーション

#BAEAFD #C8E5F2 #D5E1E6 #E1DCDB #EBD7D0 #F4D2C5 #FDCDBA

カラーミキシング

#BAEAFD

100%

#CFE3EC

75:25

#E1DCDB

50:50

#F0D4CB

25:75

#FDCDBA

100%

CSSグラデーションコード

background: linear-gradient(to right, #BAEAFD, #FDCDBA);
background: linear-gradient(135deg, #BAEAFD, #FDCDBA);

各色を詳しく見る

#BAEAFD

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

#FDCDBA

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

関連する比較