#143f76 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #143f76 | RGB(20, 63, 118) |
Created at 02/22/2023 21:21
RGB values are RGB(20, 63, 118)
#143f76 color contains Red 7.84%, Green 24.71% and Blue 46.27%.
oklch(37.06% 0.1053 256.38)
#143f76 color contains Red 7.84%, Green 24.71% and Blue 46.27%.
oklch(37.06% 0.1053 256.38)
Color Names of #143f76 HEX code
Dark Cerulean Color
≈ Astronaut
Classification of #143f76 color
#143f76 is Semi dark and Cool Color Saturation 71%, lightness 27%.
Shade of Dark Slate Blue
Alternative colors of #143f76
Opposite Color for #143f76 is #764b14
#143f76 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #143f76
cmyk
CMYK(83%, 47%, 0%, 54%)
Decimal
1326966
HEX
#143f76
HSL
hsl(214, 71%, 27%)
HSLA
hsla(214, 71%, 27%, 1)
RGB
RGB(20, 63, 118)
RGBA
RGBA(20, 63, 118, 1)
Palettes for #143f76 color:
Below are examples of color palettes with the #143f76 HEX color
darkest color is #02060c from shades and lightest color is #e8ecf1 from tints
Shades palette of #143f76:
#12396a
#10325e
#0e2c53
#0c2647
#0a203b
#08192f
#061323
#040d18
#02060c
#000000
Tints palette of #143f76:
#2b5284
#436591
#5b799f
#728cad
#8a9fbb
#a1b2c8
#b9c5d6
#d0d9e4
#e8ecf1
#ffffff
Complementary palette of #143f76:
#143f76
#764b14
Triadic palette of #143f76:
#143f76
#76143f
#3f7614
Square palette of #143f76:
#143f76
#761470
#764b14
#14761a
Analogous palette of #143f76:
#147076
#143f76
#1a1476
Split-Complementary palette of #143f76:
#143f76
#761a14
#707614
Rectangle (tetradic) palette of #143f76:
#143f76
#4b1476
#764b14
#3f7614
Suggested color palettes for #143f76 HEX:
Color palette with color #143f76 #1:
Color palette with color #143f76 #2:
Color palette with color #143f76 #3:
Color palette with color #143f76 #4:
Color palette with color #143f76 #5:
Color Contrast
Color pairings of #143f76 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#143f76
#143f76Contrast Ratio
10.48:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#143f76
#143f76Contrast Ratio
2:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #143f76 color png
Visit the popular colors list for more colors