#57BF99

#57BF99

#BF577D

#BF577D

コントラスト比

1.91:1

Delta E

87.91

Very Different

50:50 ミックス

#9C918B

カラー値

フォーマット #57BF99 #BF577D
HEX #57BF99 #BF577D
RGB 87, 191, 153 191, 87, 125
HSL 158.1, 44.8%, 54.5% 338.1, 44.8%, 54.5%
HSV 158.1, 54.5%, 74.9% 338.1, 54.5%, 74.9%
CMYK 54.5%, 0.0%, 19.9%, 25.1% 0.0%, 54.5%, 34.6%, 25.1%
OKLCH 0.7324 0.1126 166.7 0.5967 0.1391 359.2

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

1.91:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #BF577D → 背景色: #57BF99

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

テキスト: #57BF99 → 背景色: #BF577D

色差 (Delta E)

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

グラデーション

#57BF99 #76B094 #8BA190 #9C918B #AA7F86 #B56D82 #BF577D

カラーミキシング

#57BF99

100%

#81A992

75:25

#9C918B

50:50

#B07684

25:75

#BF577D

100%

CSSグラデーションコード

background: linear-gradient(to right, #57BF99, #BF577D);
background: linear-gradient(135deg, #57BF99, #BF577D);

各色を詳しく見る

#57BF99

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

#BF577D

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

関連する比較