#BAFFEB

#BAFFEB

#FFBACE

#FFBACE

コントラスト比

1.41:1

Delta E

54.73

Very Different

50:50 ミックス

#E2DEDC

カラー値

フォーマット #BAFFEB #FFBACE
HEX #BAFFEB #FFBACE
RGB 186, 255, 235 255, 186, 206
HSL 162.6, 100.0%, 86.5% 342.6, 100.0%, 86.5%
HSV 162.6, 27.1%, 100.0% 342.6, 27.1%, 100.0%
CMYK 27.1%, 0.0%, 7.8%, 0.0% 0.0%, 27.1%, 19.2%, 0.0%
OKLCH 0.9488 0.0738 174.8 0.858 0.0833 360.0

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

1.41:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FFBACE → 背景色: #BAFFEB

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

テキスト: #BAFFEB → 背景色: #FFBACE

色差 (Delta E)

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

グラデーション

#BAFFEB #C9F4E6 #D6E9E1 #E2DEDC #EDD2D8 #F6C6D3 #FFBACE

カラーミキシング

#BAFFEB

100%

#D0EFE4

75:25

#E2DEDC

50:50

#F2CCD5

25:75

#FFBACE

100%

CSSグラデーションコード

background: linear-gradient(to right, #BAFFEB, #FFBACE);
background: linear-gradient(135deg, #BAFFEB, #FFBACE);

各色を詳しく見る

#BAFFEB

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

#FFBACE

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

関連する比較