#AEFAFF

#AEFAFF

#FFB3AE

#FFB3AE

コントラスト比

1.46:1

Delta E

56.1

Very Different

50:50 ミックス

#E0D8D6

カラー値

フォーマット #AEFAFF #FFB3AE
HEX #AEFAFF #FFB3AE
RGB 174, 250, 255 255, 179, 174
HSL 183.7, 100.0%, 84.1% 3.7, 100.0%, 84.1%
HSV 183.7, 31.8%, 100.0% 3.7, 31.8%, 100.0%
CMYK 31.8%, 2.0%, 0.0%, 0.0% 0.0%, 29.8%, 31.8%, 0.0%
OKLCH 0.9374 0.0747 201.2 0.8373 0.0896 23.4

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

1.46:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FFB3AE → 背景色: #AEFAFF

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

テキスト: #AEFAFF → 背景色: #FFB3AE

色差 (Delta E)

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

グラデーション

#AEFAFF #C2EFF1 #D2E3E3 #E0D8D6 #ECCCC8 #F6C0BB #FFB3AE

カラーミキシング

#AEFAFF

100%

#CAE9EA

75:25

#E0D8D6

50:50

#F1C6C2

25:75

#FFB3AE

100%

CSSグラデーションコード

background: linear-gradient(to right, #AEFAFF, #FFB3AE);
background: linear-gradient(135deg, #AEFAFF, #FFB3AE);

各色を詳しく見る

#AEFAFF

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

#FFB3AE

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

関連する比較