#BAF0FA

#BAF0FA

#FAC4BA

#FAC4BA

コントラスト比

1.24:1

Delta E

40.64

Very Different

50:50 ミックス

#DFDBDA

カラー値

フォーマット #BAF0FA #FAC4BA
HEX #BAF0FA #FAC4BA
RGB 186, 240, 250 250, 196, 186
HSL 189.4, 86.5%, 85.5% 9.4, 86.5%, 85.5%
HSV 189.4, 25.6%, 98.0% 9.4, 25.6%, 98.0%
CMYK 25.6%, 4.0%, 0.0%, 2.0% 0.0%, 21.6%, 25.6%, 2.0%
OKLCH 0.9213 0.0564 210.2 0.8656 0.0638 30.5

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

1.24:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FAC4BA → 背景色: #BAF0FA

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

テキスト: #BAF0FA → 背景色: #FAC4BA

色差 (Delta E)

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

グラデーション

#BAF0FA #C8E9EF #D4E2E4 #DFDBDA #E9D3CF #F2CCC4 #FAC4BA

カラーミキシング

#BAF0FA

100%

#CEE5EA

75:25

#DFDBDA

50:50

#EECFCA

25:75

#FAC4BA

100%

CSSグラデーションコード

background: linear-gradient(to right, #BAF0FA, #FAC4BA);
background: linear-gradient(135deg, #BAF0FA, #FAC4BA);

各色を詳しく見る

#BAF0FA

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

#FAC4BA

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

関連する比較