Named color · #4B4CFC
Saturated Sky
Saturated Sky is #4B4CFC: rgb(75 76 252), hsl(240 97% 64%), oklch(0.538 0.252 273.7). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Blue mean? → · Saturated Sky color name →
#4B4CFC
oklch(0.538 0.252 273.7)
Color conversions
- HEX
- #4b4cfc
- RGB
- rgb(75 76 252)
- HSL
- hsl(240 97% 64%)
- HWB
- hwb(240 29% 1%)
- OKLCH
- oklch(0.538 0.252 273.7)
- OKLab
- oklab(0.538 0.016 -0.252)
- CIE Lab
- lab(42.23 43.9 -89.22)
- LCH
- lch(42.23 99.44 296.2)
- CMYK
- cmyk(70% 70% 0% 1%)
Tints · Shades · Tones
Tints
- 5863FE
- 6678FF
- 778BFF
- 889CFF
- 9BAEFF
- AEBEFF
- C1CFFF
- D5DFFF
- EAEFFF
Shades
- 4041DB
- 3536BB
- 2B2C9C
- 21227E
- 171862
- 0E0F47
- 06062D
- 020216
- 000003
Tones
- 4E56F0
- 515EE5
- 5665D9
- 5B6BCD
- 6070C1
- 6674B4
- 6C78A8
- 737B9B
- 797E8E
Color harmonies
Complementary +180°
- 4B4CFC
Saturated Sky
- 846C00
≈ Muddy Brown
Analogous -30° +30°
- 4B4CFC
Saturated Sky
- 0074B4
≈ Post It
- 9029E1
≈ Bright Blue Violet
Triadic +120° +240°
- 4B4CFC
Saturated Sky
- C62B00
≈ Minestrone
- 008447
≈ Veritably Verdant
Split-complementary +150° +210°
- 4B4CFC
Saturated Sky
- 9E5C00
≈ Soft Tone Ink
- 5F7A00
≈ Topiary Green
Tetradic +90° +180° +270°
- 4B4CFC
Saturated Sky
- C90060
≈ Rowan
- 846C00
≈ Muddy Brown
- 008074
≈ Green Garlands
Contrast & accessibility
Ag
AAOn white
WCAG 5.61:1 · APCA Lc 77
Ag
FailOn black
WCAG 3.73:1 · APCA Lc 25
Best text color: #FFFFFF
WCAG 5.61:1 (AA) · APCA Lc 77
Contrast pairs
Code snippets
CSS
:root {
--saturated-sky: #4b4cfc;
--saturated-sky-rgb: 75 76 252;
--saturated-sky-oklch: oklch(0.538 0.252 273.7);
}
.element {
color: var(--saturated-sky);
background-color: hsl(240 97% 64%);
border-color: oklch(0.538 0.252 273.7);
}Tailwind CSS v4
@theme {
--color-saturated-sky: #4b4cfc;
--color-saturated-sky-50: #e1f0ff;
--color-saturated-sky-100: #d0e1ff;
--color-saturated-sky-200: #b7c9ff;
--color-saturated-sky-300: #96a7ff;
--color-saturated-sky-400: #7587ff;
--color-saturated-sky-500: #5d62ff;
--color-saturated-sky-600: #4e54f9;
--color-saturated-sky-700: #3e44c9;
--color-saturated-sky-800: #283297;
--color-saturated-sky-900: #1a226b;
--color-saturated-sky-950: #0d0f4b;
}SCSS
$saturated-sky: #4b4cfc;
$saturated-sky-rgb: 75, 76, 252;
$saturated-sky-light: mix(#fff, $saturated-sky, 20%);
$saturated-sky-dark: mix(#000, $saturated-sky, 20%);
.element {
color: $saturated-sky;
box-shadow: 0 0 0 2px rgba($saturated-sky, 0.35);
}