#ABCCB0

#ABCCB0

#CCABC7

#CCABC7

コントラスト比

1.17:1

Delta E

39.18

Very Different

50:50 ミックス

#BDBCBC

カラー値

フォーマット #ABCCB0 #CCABC7
HEX #ABCCB0 #CCABC7
RGB 171, 204, 176 204, 171, 199
HSL 129.1, 24.4%, 73.5% 309.1, 24.4%, 73.5%
HSV 129.1, 16.2%, 80.0% 309.1, 16.2%, 80.0%
CMYK 16.2%, 0.0%, 13.7%, 20.0% 0.0%, 16.2%, 2.5%, 20.0%
OKLCH 0.8132 0.0526 149.4 0.7789 0.0538 331.2

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

1.17:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #CCABC7 → 背景色: #ABCCB0

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

テキスト: #ABCCB0 → 背景色: #CCABC7

色差 (Delta E)

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

グラデーション

#ABCCB0 #B1C7B4 #B7C1B8 #BDBCBC #C2B7BF #C7B1C3 #CCABC7

カラーミキシング

#ABCCB0

100%

#B4C4B6

75:25

#BDBCBC

50:50

#C5B4C1

25:75

#CCABC7

100%

CSSグラデーションコード

background: linear-gradient(to right, #ABCCB0, #CCABC7);
background: linear-gradient(135deg, #ABCCB0, #CCABC7);

各色を詳しく見る

#ABCCB0

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

#CCABC7

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

関連する比較