#BAFEE3

#BAFEE3

#FEBAD5

#FEBAD5

コントラスト比

1.39:1

Delta E

57.19

Very Different

50:50 ミックス

#E1DDDC

カラー値

フォーマット #BAFEE3 #FEBAD5
HEX #BAFEE3 #FEBAD5
RGB 186, 254, 227 254, 186, 213
HSL 156.2, 97.1%, 86.3% 336.2, 97.1%, 86.3%
HSV 156.2, 26.8%, 99.6% 336.2, 26.8%, 99.6%
CMYK 26.8%, 0.0%, 10.6%, 0.4% 0.0%, 26.8%, 16.1%, 0.4%
OKLCH 0.9444 0.0771 168.2 0.859 0.0852 353.4

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

1.39:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FEBAD5 → 背景色: #BAFEE3

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

テキスト: #BAFEE3 → 背景色: #FEBAD5

色差 (Delta E)

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

グラデーション

#BAFEE3 #C9F3E1 #D6E9DE #E1DDDC #ECD2DA #F5C6D7 #FEBAD5

カラーミキシング

#BAFEE3

100%

#CFEEE0

75:25

#E1DDDC

50:50

#F1CCD9

25:75

#FEBAD5

100%

CSSグラデーションコード

background: linear-gradient(to right, #BAFEE3, #FEBAD5);
background: linear-gradient(135deg, #BAFEE3, #FEBAD5);

各色を詳しく見る

#BAFEE3

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

#FEBAD5

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

関連する比較