Created at 02/21/2023 16:43
#308ea1 HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #308ea1 | RGB(48, 142, 161) |
RGB values are RGB(48, 142, 161)
#308ea1 color contain Red 18.82%, Green 55.69% and Blue 63.14%.
oklch(60.04% 0.09 213.89)
#308ea1 color contain Red 18.82%, Green 55.69% and Blue 63.14%.
oklch(60.04% 0.09 213.89)
Classification of #308ea1 color
#308ea1 is Light and Cool Color Saturation 54%, lightness 41%.
Tint of cadetblue
Alternative colors of #308ea1
Opposite Color for #308ea1 is #a14330
#308ea1 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #308ea1
Decimal
3182241
HEX
#308ea1
HSL
hsl(190, 54%, 41%)
HSLA
hsla(190, 54%, 41%, 1)
RGB
RGB(48, 142, 161)
RGBA
RGBA(48, 142, 161, 1)
Palettes for #308ea1 color:
Below examples of color palettes for #308ea1 HEX color
darkest color is #050e10 from shades and lightest color is #eaf4f6 from tints
Shades palette of #308ea1:
#2b8091
#267281
#226371
#1d5561
#184751
#133940
#0e2b30
#0a1c20
#050e10
#000000
Tints palette of #308ea1:
#4599aa
#59a5b4
#6eb0bd
#83bbc7
#98c7d0
#acd2d9
#c1dde3
#d6e8ec
#eaf4f6
#ffffff
Complementary palette of #308ea1:
#308ea1
#a14330
Triadic palette of #308ea1:
#308ea1
#a1308e
#8ea130
Square palette of #308ea1:
#308ea1
#7b30a1
#56a130
#a14330
Analogous palette of #308ea1:
#30a17b
#308ea1
Split-Complementary palette of #308ea1:
#308ea1
#30a17b
Rectangle (tetradic) palette of #308ea1:
#308ea1
#7b30a1
#56a130
#a13056
Suggested colors palettes for #308ea1 HEX:
Colors palette with color #308ea1 #1:
Colors palette with color #308ea1 #2:
Colors palette with color #308ea1 #3:
Colors palette with color #308ea1 #4:
Colors palette with color #308ea1 #5:
Color #308ea1 used in palettes (1)
Color Contrast
Color pairings #308ea1 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#308ea1
#308ea1 Contrast Ratio
3.81:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#308ea1
#308ea1 Contrast Ratio
5.5:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #308ea1 color png
Visit the popular colors list for more colors