#ADF4D3

#ADF4D3

#F4ADCE

#F4ADCE

コントラスト比

1.42:1

Delta E

62.69

Very Different

50:50 ミックス

#D6D2D1

カラー値

フォーマット #ADF4D3 #F4ADCE
HEX #ADF4D3 #F4ADCE
RGB 173, 244, 211 244, 173, 206
HSL 152.1, 76.3%, 81.8% 332.1, 76.3%, 81.8%
HSV 152.1, 29.1%, 95.7% 332.1, 29.1%, 95.7%
CMYK 29.1%, 0.0%, 13.5%, 4.3% 0.0%, 29.1%, 15.6%, 4.3%
OKLCH 0.9112 0.0841 164.2 0.8241 0.0926 349.9

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

1.42:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F4ADCE → 背景色: #ADF4D3

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

テキスト: #ADF4D3 → 背景色: #F4ADCE

色差 (Delta E)

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

グラデーション

#ADF4D3 #BCE9D2 #CADED1 #D6D2D1 #E1C6D0 #EBBACF #F4ADCE

カラーミキシング

#ADF4D3

100%

#C3E3D2

75:25

#D6D2D1

50:50

#E6C0CF

25:75

#F4ADCE

100%

CSSグラデーションコード

background: linear-gradient(to right, #ADF4D3, #F4ADCE);
background: linear-gradient(135deg, #ADF4D3, #F4ADCE);

各色を詳しく見る

#ADF4D3

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

#F4ADCE

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

関連する比較