#2C2BCD
#2C2BCD
#CCCD2B
#CCCD2B
Color Values
| Format | #2C2BCD | #CCCD2B |
|---|---|---|
| HEX | #2C2BCD | #CCCD2B |
| RGB | 44, 43, 205 | 204, 205, 43 |
| HSL | 240.4, 65.3%, 48.6% | 60.4, 65.3%, 48.6% |
| HSV | 240.4, 79.0%, 80.4% | 60.4, 79.0%, 80.4% |
| CMYK | 78.5%, 79.0%, 0.0%, 19.6% | 0.5%, 0.0%, 79.0%, 19.6% |
| OKLCH | 0.429 0.2355 270.9 | 0.8214 0.1686 110.0 |
Contrast & Accessibility
5.28:1
AA Pass
AA Large Pass
AAA Fail
AAA Large Pass
Text Readability
The quick brown fox jumps over the lazy dog
Text: #CCCD2B → Background: #2C2BCD
The quick brown fox jumps over the lazy dog
Text: #2C2BCD → Background: #CCCD2B
Color Difference (Delta E)
177.39
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #2C2BCD, #CCCD2B);
background: linear-gradient(135deg, #2C2BCD, #CCCD2B);