#AFEEE3

#AFEEE3

#EEAFBA

#EEAFBA

コントラスト比

1.41:1

Delta E

48.35

Very Different

50:50 ミックス

#D4D0CE

カラー値

フォーマット #AFEEE3 #EEAFBA
HEX #AFEEE3 #EEAFBA
RGB 175, 238, 227 238, 175, 186
HSL 169.5, 64.9%, 81.0% 349.5, 64.9%, 81.0%
HSV 169.5, 26.5%, 93.3% 349.5, 26.5%, 93.3%
CMYK 26.5%, 0.0%, 4.6%, 6.7% 0.0%, 26.5%, 21.8%, 6.7%
OKLCH 0.9036 0.0652 182.8 0.8155 0.0748 7.3

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

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

テキスト読みやすさ

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

テキスト: #EEAFBA → 背景色: #AFEEE3

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

テキスト: #AFEEE3 → 背景色: #EEAFBA

色差 (Delta E)

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

グラデーション

#AFEEE3 #BDE4DC #C9DAD5 #D4D0CE #DEC5C7 #E6BAC1 #EEAFBA

カラーミキシング

#AFEEE3

100%

#C3DFD9

75:25

#D4D0CE

50:50

#E2C0C4

25:75

#EEAFBA

100%

CSSグラデーションコード

background: linear-gradient(to right, #AFEEE3, #EEAFBA);
background: linear-gradient(135deg, #AFEEE3, #EEAFBA);

各色を詳しく見る

#AFEEE3

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

#EEAFBA

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

関連する比較