#BAFEF0

#BAFEF0

#FEBAC8

#FEBAC8

コントラスト比

1.42:1

Delta E

52.1

Very Different

50:50 ミックス

#E2DDDC

カラー値

フォーマット #BAFEF0 #FEBAC8
HEX #BAFEF0 #FEBAC8
RGB 186, 254, 240 254, 186, 200
HSL 167.6, 97.1%, 86.3% 347.6, 97.1%, 86.3%
HSV 167.6, 26.8%, 99.6% 347.6, 26.8%, 99.6%
CMYK 26.8%, 0.0%, 5.5%, 0.4% 0.0%, 26.8%, 21.3%, 0.4%
OKLCH 0.948 0.0702 180.6 0.8553 0.0803 5.3

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

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

テキスト読みやすさ

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

テキスト: #FEBAC8 → 背景色: #BAFEF0

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

テキスト: #BAFEF0 → 背景色: #FEBAC8

色差 (Delta E)

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

グラデーション

#BAFEF0 #C9F3E9 #D6E8E2 #E2DDDC #ECD2D5 #F6C6CF #FEBAC8

カラーミキシング

#BAFEF0

100%

#D0EEE6

75:25

#E2DDDC

50:50

#F1CCD2

25:75

#FEBAC8

100%

CSSグラデーションコード

background: linear-gradient(to right, #BAFEF0, #FEBAC8);
background: linear-gradient(135deg, #BAFEF0, #FEBAC8);

各色を詳しく見る

#BAFEF0

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

#FEBAC8

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

関連する比較