#ABCDB3

#ABCDB3

#CDABC5

#CDABC5

コントラスト比

1.18:1

Delta E

38.07

Very Different

50:50 ミックス

#BDBDBC

カラー値

フォーマット #ABCDB3 #CDABC5
HEX #ABCDB3 #CDABC5
RGB 171, 205, 179 205, 171, 197
HSL 134.1, 25.4%, 73.7% 314.1, 25.4%, 73.7%
HSV 134.1, 16.6%, 80.4% 314.1, 16.6%, 80.4%
CMYK 16.6%, 0.0%, 12.7%, 19.6% 0.0%, 16.6%, 3.9%, 19.6%
OKLCH 0.8162 0.0513 152.2 0.7791 0.0527 334.4

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

1.18:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #CDABC5 → 背景色: #ABCDB3

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

テキスト: #ABCDB3 → 背景色: #CDABC5

色差 (Delta E)

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

グラデーション

#ABCDB3 #B1C8B6 #B8C2B9 #BDBDBC #C3B7BF #C8B1C2 #CDABC5

カラーミキシング

#ABCDB3

100%

#B5C5B8

75:25

#BDBDBC

50:50

#C5B4C1

25:75

#CDABC5

100%

CSSグラデーションコード

background: linear-gradient(to right, #ABCDB3, #CDABC5);
background: linear-gradient(135deg, #ABCDB3, #CDABC5);

各色を詳しく見る

#ABCDB3

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

#CDABC5

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

関連する比較