#BAFDF4

#BAFDF4

#FDBAC3

#FDBAC3

コントラスト比

1.42:1

Delta E

50.28

Very Different

50:50 ミックス

#E2DDDB

カラー値

フォーマット #BAFDF4 #FDBAC3
HEX #BAFDF4 #FDBAC3
RGB 186, 253, 244 253, 186, 195
HSL 171.9, 94.4%, 86.1% 351.9, 94.4%, 86.1%
HSV 171.9, 26.5%, 99.2% 351.9, 26.5%, 99.2%
CMYK 26.5%, 0.0%, 3.6%, 0.8% 0.0%, 26.5%, 22.9%, 0.8%
OKLCH 0.947 0.0677 185.8 0.8529 0.0782 9.9

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

1.42:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FDBAC3 → 背景色: #BAFDF4

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

テキスト: #BAFDF4 → 背景色: #FDBAC3

色差 (Delta E)

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

グラデーション

#BAFDF4 #C9F2EC #D6E8E3 #E2DDDB #ECD1D3 #F5C6CB #FDBAC3

カラーミキシング

#BAFDF4

100%

#D0EDE8

75:25

#E2DDDB

50:50

#F0CCCF

25:75

#FDBAC3

100%

CSSグラデーションコード

background: linear-gradient(to right, #BAFDF4, #FDBAC3);
background: linear-gradient(135deg, #BAFDF4, #FDBAC3);

各色を詳しく見る

#BAFDF4

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

#FDBAC3

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

関連する比較