#97CFB3

#97CFB3

#CF97B3

#CF97B3

コントラスト比

1.36:1

Delta E

52.2

Very Different

50:50 ミックス

#B7B4B3

カラー値

フォーマット #97CFB3 #CF97B3
HEX #97CFB3 #CF97B3
RGB 151, 207, 179 207, 151, 179
HSL 150.0, 36.8%, 70.2% 330.0, 36.8%, 70.2%
HSV 150.0, 27.1%, 81.2% 330.0, 27.1%, 81.2%
CMYK 27.1%, 0.0%, 13.5%, 18.8% 0.0%, 27.1%, 13.5%, 18.8%
OKLCH 0.8079 0.0703 162.6 0.7382 0.0762 347.7

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

1.36:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #CF97B3 → 背景色: #97CFB3

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

テキスト: #97CFB3 → 背景色: #CF97B3

色差 (Delta E)

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

グラデーション

#97CFB3 #A3C6B3 #ADBDB3 #B7B4B3 #C0ABB3 #C8A1B3 #CF97B3

カラーミキシング

#97CFB3

100%

#A8C2B3

75:25

#B7B4B3

50:50

#C4A6B3

25:75

#CF97B3

100%

CSSグラデーションコード

background: linear-gradient(to right, #97CFB3, #CF97B3);
background: linear-gradient(135deg, #97CFB3, #CF97B3);

各色を詳しく見る

#97CFB3

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

#CF97B3

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

関連する比較