#AFEEC3

#AFEEC3

#EEAFDA

#EEAFDA

コントラスト比

1.34:1

Delta E

64.82

Very Different

50:50 ミックス

#D3D0CF

カラー値

フォーマット #AFEEC3 #EEAFDA
HEX #AFEEC3 #EEAFDA
RGB 175, 238, 195 238, 175, 218
HSL 139.0, 64.9%, 81.0% 319.0, 64.9%, 81.0%
HSV 139.0, 26.5%, 93.3% 319.0, 26.5%, 93.3%
CMYK 26.5%, 0.0%, 18.1%, 6.7% 0.0%, 26.5%, 8.4%, 6.7%
OKLCH 0.8951 0.0868 154.5 0.8253 0.0917 338.6

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

1.34:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #EEAFDA → 背景色: #AFEEC3

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

テキスト: #AFEEC3 → 背景色: #EEAFDA

色差 (Delta E)

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

グラデーション

#AFEEC3 #BCE4C7 #C8DACB #D3D0CF #DDC6D3 #E6BBD6 #EEAFDA

カラーミキシング

#AFEEC3

100%

#C2DFC9

75:25

#D3D0CF

50:50

#E1C0D5

25:75

#EEAFDA

100%

CSSグラデーションコード

background: linear-gradient(to right, #AFEEC3, #EEAFDA);
background: linear-gradient(135deg, #AFEEC3, #EEAFDA);

各色を詳しく見る

#AFEEC3

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

#EEAFDA

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

関連する比較