Coloried

True Blue

True Blue color is a clear shade of blue. Its hex code is #2D68C4 and rgb code is rgb(45, 104, 196), Its CMYK value is cmyk(77%, 47%, 0%, 23%), and Its HSL value is hsl(217, 63%, 47%). Its a contrast ratio against white is 5.40:1, while against black, the contrast ratio is 3.89:1. Its complementary color is #C3892C and closest tailwind color is blue-700. This color goes well with #A89FE9, #9FE1E9, #DEE8F7, #E08276, and #D3E076. To get this True Blue color, you can mix #0000FF and #5AD089.

True Blue color code
|
1. Color Conversions
HEX#2D68C4
RGB45, 104, 196
HSL217°, 63%, 47%
HSV217°, 63%, 77%
CMYK77%, 47%, 0%, 23%
Web Safe#3366CC
2. Contrast Ratio
Text on #FFFFFF5.40:1
AAA LargeAAA Normal
Text on #0000003.89:1
AAA LargeFail Normal
3. True Blue Color Code in CSS
HEX
#2D68C4
RGB
rgb(45, 104, 196)
HSL
hsl(217, 63%, 47%)
Text Color
color: #2D68C4;
Background
background-color: #2D68C4;
Border Color
border-color: #2D68C4;
Box Shadow
box-shadow: 0 4px 14px 0 #2D68C480;
SCSS
$color-true-blue: #2D68C4;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#4747AE
Deuteranopia#433FA8
Tritanopia#309C98
Achromatopsia#616161
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive