#ABCDB4

#ABCDB4

#CDABC4

#CDABC4

コントラスト比

1.19:1

Delta E

37.29

Very Different

50:50 ミックス

#BDBDBC

カラー値

フォーマット #ABCDB4 #CDABC4
HEX #ABCDB4 #CDABC4
RGB 171, 205, 180 205, 171, 196
HSL 135.9, 25.4%, 73.7% 315.9, 25.4%, 73.7%
HSV 135.9, 16.6%, 80.4% 315.9, 16.6%, 80.4%
CMYK 16.6%, 0.0%, 12.2%, 19.6% 0.0%, 16.6%, 4.4%, 19.6%
OKLCH 0.8165 0.0503 153.3 0.7788 0.0518 335.6

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

1.19:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #CDABC4 → 背景色: #ABCDB4

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

テキスト: #ABCDB4 → 背景色: #CDABC4

色差 (Delta E)

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

グラデーション

#ABCDB4 #B1C8B7 #B8C2B9 #BDBDBC #C3B7BF #C8B1C1 #CDABC4

カラーミキシング

#ABCDB4

100%

#B5C5B8

75:25

#BDBDBC

50:50

#C5B4C0

25:75

#CDABC4

100%

CSSグラデーションコード

background: linear-gradient(to right, #ABCDB4, #CDABC4);
background: linear-gradient(135deg, #ABCDB4, #CDABC4);

各色を詳しく見る

#ABCDB4

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

#CDABC4

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

関連する比較