Nearest named color · #4F868F
#4F868F
Nearest named color: Paradiso
#4F868F (rgb(79 134 143), hsl(188 29% 44%), oklch(0.585 0.06 209)) is closest to the named color Paradiso. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#4F868F
oklch(0.585 0.06 209)
Color conversions
- HEX
- #4f868f
- RGB
- rgb(79 134 143)
- HSL
- hsl(188 29% 44%)
- HWB
- hwb(188 31% 44%)
- OKLCH
- oklch(0.585 0.06 209)
- OKLab
- oklab(0.585 -0.052 -0.029)
- CIE Lab
- lab(52.39 -17.09 -10.88)
- LCH
- lch(52.39 20.26 212.5)
- CMYK
- cmyk(45% 6% 0% 44%)
Tints · Shades · Tones
Tints
- 61929A
- 729DA5
- 84A9B0
- 95B5BB
- A6C1C6
- B8CDD1
- C9DADC
- DBE6E8
- EDF2F3
Shades
- 44747C
- 386269
- 2E5157
- 234045
- 193034
- 102124
- 071315
- 020607
- 000101
Tones
- 55868E
- 5B858C
- 60848B
- 658489
- 6A8388
- 6F8386
- 738285
- 788183
- 7C8182
Color harmonies
Complementary +180°
- 4F868F
Paradiso
- 9C6F68
≈ Bologna
Analogous -30° +30°
- 4F868F
Paradiso
- 53887C
≈ Wintergreen Dream
- 5A819C
≈ Blue Beads
Triadic +120° +240°
- 4F868F
Paradiso
- 906F8E
≈ Wine Stroll
- 8A7A52
≈ Rustic Ranch
Split-complementary +150° +210°
- 4F868F
Paradiso
- 9A6D7B
≈ Wild Geranium
- 977458
≈ Liver Chestnut
Tetradic +90° +180° +270°
- 4F868F
Paradiso
- 81749B
≈ Voxatron Purple
- 9C6F68
≈ Bologna
- 788159
≈ Frond
Contrast & accessibility
Ag
FailOn white
WCAG 4.08:1 · APCA Lc 68
Ag
AAOn black
WCAG 5.13:1 · APCA Lc 34
Best text color: #000000
WCAG 5.13:1 (AA) · APCA Lc 34
Contrast pairs
Code snippets
CSS
:root {
--paradiso: #4f868f;
--paradiso-rgb: 79 134 143;
--paradiso-oklch: oklch(0.585 0.06 209);
}
.element {
color: var(--paradiso);
background-color: hsl(188 29% 44%);
border-color: oklch(0.585 0.06 209);
}Tailwind CSS v4
@theme {
--color-paradiso: #4f868f;
--color-paradiso-50: #e3faff;
--color-paradiso-100: #d2eef3;
--color-paradiso-200: #b8dce3;
--color-paradiso-300: #95c0c9;
--color-paradiso-400: #74a9b1;
--color-paradiso-500: #53919b;
--color-paradiso-600: #477b83;
--color-paradiso-700: #396269;
--color-paradiso-800: #28484d;
--color-paradiso-900: #1b3235;
--color-paradiso-950: #0b1e21;
}SCSS
$paradiso: #4f868f;
$paradiso-rgb: 79, 134, 143;
$paradiso-light: mix(#fff, $paradiso, 20%);
$paradiso-dark: mix(#000, $paradiso, 20%);
.element {
color: $paradiso;
box-shadow: 0 0 0 2px rgba($paradiso, 0.35);
}