#ADE4AE

#ADE4AE

#E4ADE3

#E4ADE3

コントラスト比

1.27:1

Delta E

70.07

Very Different

50:50 ミックス

#CCCAC9

カラー値

フォーマット #ADE4AE #E4ADE3
HEX #ADE4AE #E4ADE3
RGB 173, 228, 174 228, 173, 227
HSL 121.1, 50.5%, 78.6% 301.1, 50.5%, 78.6%
HSV 121.1, 24.1%, 89.4% 301.1, 24.1%, 89.4%
CMYK 24.1%, 0.0%, 23.7%, 10.6% 0.0%, 24.1%, 0.4%, 10.6%
OKLCH 0.8669 0.0929 145.2 0.8151 0.0955 327.0

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

1.27:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #E4ADE3 → 背景色: #ADE4AE

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

テキスト: #ADE4AE → 背景色: #E4ADE3

色差 (Delta E)

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

グラデーション

#ADE4AE #B8DCB7 #C3D3C0 #CCCAC9 #D5C1D2 #DDB7DA #E4ADE3

カラーミキシング

#ADE4AE

100%

#BED7BC

75:25

#CCCAC9

50:50

#D9BCD6

25:75

#E4ADE3

100%

CSSグラデーションコード

background: linear-gradient(to right, #ADE4AE, #E4ADE3);
background: linear-gradient(135deg, #ADE4AE, #E4ADE3);

各色を詳しく見る

#ADE4AE

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

#E4ADE3

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

関連する比較