#BAFFFE

#BAFFFE

#FFBABB

#FFBABB

コントラスト比

1.45:1

Delta E

50.95

Very Different

50:50 ミックス

#E4DEDC

カラー値

フォーマット #BAFFFE #FFBABB
HEX #BAFFFE #FFBABB
RGB 186, 255, 254 255, 186, 187
HSL 179.1, 100.0%, 86.5% 359.1, 100.0%, 86.5%
HSV 179.1, 27.1%, 100.0% 359.1, 27.1%, 100.0%
CMYK 27.1%, 0.0%, 0.4%, 0.0% 0.0%, 27.1%, 26.7%, 0.0%
OKLCH 0.9542 0.0682 194.9 0.8528 0.0802 17.9

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

1.45:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FFBABB → 背景色: #BAFFFE

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

テキスト: #BAFFFE → 背景色: #FFBABB

色差 (Delta E)

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

グラデーション

#BAFFFE #CAF4F3 #D8E9E7 #E4DEDC #EED2D1 #F7C6C6 #FFBABB

カラーミキシング

#BAFFFE

100%

#D1EEED

75:25

#E4DEDC

50:50

#F3CCCB

25:75

#FFBABB

100%

CSSグラデーションコード

background: linear-gradient(to right, #BAFFFE, #FFBABB);
background: linear-gradient(135deg, #BAFFFE, #FFBABB);

各色を詳しく見る

#BAFFFE

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

#FFBABB

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

関連する比較