Created at 12/13/2023 11:22
#168bdf HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #168bdf | RGB(22, 139, 223) |
RGB values are RGB(22, 139, 223)
#168bdf color contain Red 8.63%, Green 54.51% and Blue 87.45%.
oklch(61.98% 0.1578 247.42)
#168bdf color contain Red 8.63%, Green 54.51% and Blue 87.45%.
oklch(61.98% 0.1578 247.42)
Classification of #168bdf color
#168bdf is Light and Cool Color Saturation 82%, lightness 48%.
Tint of dodgerblue
Alternative colors of #168bdf
Opposite Color for #168bdf is #df6a16
#168bdf Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #168bdf
Decimal
1477599
HEX
#168bdf
HSL
hsl(205, 82%, 48%)
HSLA
hsla(205, 82%, 48%, 1)
RGB
RGB(22, 139, 223)
RGBA
RGBA(22, 139, 223, 1)
Palettes for #168bdf color:
Below examples of color palettes for #168bdf HEX color
darkest color is #020e16 from shades and lightest color is #e8f3fc from tints
Shades palette of #168bdf:
#147dc9
#126fb2
#0f619c
#0d5386
#0b4670
#093859
#072a43
#041c2d
#020e16
#000000
Tints palette of #168bdf:
#2d97e2
#45a2e5
#5caee9
#73b9ec
#8bc5ef
#a2d1f2
#b9dcf5
#d0e8f9
#e8f3fc
#ffffff
Complementary palette of #168bdf:
#168bdf
#df6a16
Triadic palette of #168bdf:
#168bdf
#df168b
#8bdf16
Square palette of #168bdf:
#168bdf
#ce16df
#27df16
#df6a16
Analogous palette of #168bdf:
#16dfce
#168bdf
Split-Complementary palette of #168bdf:
#168bdf
#16dfce
Rectangle (tetradic) palette of #168bdf:
#168bdf
#ce16df
#27df16
#df1627
Suggested colors palettes for #168bdf HEX:
Colors palette with color #168bdf #1:
Colors palette with color #168bdf #2:
Colors palette with color #168bdf #3:
Colors palette with color #168bdf #4:
Colors palette with color #168bdf #5:
Color Contrast
Color pairings #168bdf with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#168bdf
#168bdf Contrast Ratio
3.62:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#168bdf
#168bdf Contrast Ratio
5.79:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #168bdf color png
Visit the popular colors list for more colors