#99baf1 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #99baf1 | RGB(153, 186, 241) |
Created at 10/02/2026 06:44
RGB values are RGB(153, 186, 241)
#99baf1 color contains Red 60%, Green 72.94% and Blue 94.51%.
oklch(78.47% 0.0868 260.47)
#99baf1 color contains Red 60%, Green 72.94% and Blue 94.51%.
oklch(78.47% 0.0868 260.47)
Color Names of #99baf1 HEX code
≈ Jordy Blue
Classification of #99baf1 color
#99baf1 is Light and Cool Color Saturation 76%, lightness 77%.
Shade of Light Steel Blue
Alternative colors of #99baf1
Opposite Color for #99baf1 is #f1d099
#99baf1 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #99baf1
cmyk
CMYK(37%, 23%, 0%, 5%)
Decimal
10074865
HEX
#99baf1
HSL
hsl(218, 76%, 77%)
HSLA
hsla(218, 76%, 77%, 1)
RGB
RGB(153, 186, 241)
RGBA
RGBA(153, 186, 241, 1)
Palettes for #99baf1 color:
Below are examples of color palettes with the #99baf1 HEX color
darkest color is #0f1318 from shades and lightest color is #f5f8fe from tints
Shades palette of #99baf1:
#8aa7d9
#7a95c1
#6b82a9
#5c7091
#4d5d79
#3d4a60
#2e3848
#1f2530
#0f1318
#000000
Tints palette of #99baf1:
#a3c1f2
#adc8f4
#b8cff5
#c2d6f7
#ccddf8
#d6e3f9
#e0eafb
#ebf1fc
#f5f8fe
#ffffff
Complementary palette of #99baf1:
#99baf1
#f1d099
Triadic palette of #99baf1:
#99baf1
#f199ba
#baf199
Square palette of #99baf1:
#99baf1
#f199e6
#f1d099
#99f1a4
Analogous palette of #99baf1:
#99e6f1
#99baf1
#a499f1
Split-Complementary palette of #99baf1:
#99baf1
#f1a499
#e6f199
Rectangle (tetradic) palette of #99baf1:
#99baf1
#d099f1
#f1d099
#baf199
Suggested color palettes for #99baf1 HEX:
Color palette with color #99baf1 #1:
Color palette with color #99baf1 #2:
Color palette with color #99baf1 #3:
Color palette with color #99baf1 #4:
Color palette with color #99baf1 #5:
Color Contrast
Color pairings of #99baf1 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#99baf1
#99baf1Contrast Ratio
1.97:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#99baf1
#99baf1Contrast Ratio
10.64:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #99baf1 color png
Visit the popular colors list for more colors