Color Preview
#228AC2
Blue
Opacity
100%
Color Information
| HEX | #228AC2 | |
|---|---|---|
| RGB | 34, 138, 194 | |
| RGBA | rgba(34, 138, 194, 1) | |
| HSL | 201°, 70%, 45% | |
| HSLA | hsla(201, 70%, 45%, 1) | |
| HSV | 201°, 82%, 76% | |
| CMYK | 82%, 29%, 0%, 24% |
Color Properties
Dark
Brightness
High
Saturation
Accessibility
Contrast Ratios
White
Ratio: 3.83:1
Black
Ratio: 5.48:1
Light Gray
Ratio: 3.63:1
Dark Gray
Ratio: 3:1
Color Variations
Related Colors
Usage Examples
Text Color
Sample text using this color
Border Color
Sample border usage