#9EC8B5

#9EC8B5

#C89EB1

#C89EB1

コントラスト比

1.27:1

Delta E

38.21

Very Different

50:50 ミックス

#B5B4B3

カラー値

フォーマット #9EC8B5 #C89EB1
HEX #9EC8B5 #C89EB1
RGB 158, 200, 181 200, 158, 177
HSL 152.9, 27.6%, 70.2% 332.9, 27.6%, 70.2%
HSV 152.9, 21.0%, 78.4% 332.9, 21.0%, 78.4%
CMYK 21.0%, 0.0%, 9.5%, 21.6% 0.0%, 21.0%, 11.5%, 21.6%
OKLCH 0.7972 0.052 165.7 0.7434 0.0557 349.6

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

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

テキスト読みやすさ

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

テキスト: #C89EB1 → 背景色: #9EC8B5

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

テキスト: #9EC8B5 → 背景色: #C89EB1

色差 (Delta E)

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

グラデーション

#9EC8B5 #A6C1B4 #AEBBB4 #B5B4B3 #BCADB2 #C2A5B2 #C89EB1

カラーミキシング

#9EC8B5

100%

#AABEB4

75:25

#B5B4B3

50:50

#BFA9B2

25:75

#C89EB1

100%

CSSグラデーションコード

background: linear-gradient(to right, #9EC8B5, #C89EB1);
background: linear-gradient(135deg, #9EC8B5, #C89EB1);

各色を詳しく見る

#9EC8B5

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

#C89EB1

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

関連する比較