#23AF2D
#23AF2D
#AF23A5
#AF23A5
Color Values
| Format | #23AF2D | #AF23A5 |
|---|---|---|
| HEX | #23AF2D | #AF23A5 |
| RGB | 35, 175, 45 | 175, 35, 165 |
| HSL | 124.3, 66.7%, 41.2% | 304.3, 66.7%, 41.2% |
| HSV | 124.3, 80.0%, 68.6% | 304.3, 80.0%, 68.6% |
| CMYK | 80.0%, 0.0%, 74.3%, 31.4% | 0.0%, 80.0%, 5.7%, 31.4% |
| OKLCH | 0.6586 0.2027 143.6 | 0.5362 0.2186 331.4 |
Contrast & Accessibility
2.01:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #AF23A5 β Background: #23AF2D
The quick brown fox jumps over the lazy dog
Text: #23AF2D β Background: #AF23A5
Color Difference (Delta E)
157.85
Very Different
0 β Identical
5 β Similar
25 β Noticeable
100 β Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #23AF2D, #AF23A5);
background: linear-gradient(135deg, #23AF2D, #AF23A5);