Nearest named color · #005960
#005960
Nearest named color: Beau Vert
#005960 (rgb(0 89 96), hsl(184 100% 19%), oklch(0.423 0.072 204.1)) is closest to the named color Beau Vert. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#005960
oklch(0.423 0.072 204.1)
Color conversions
- HEX
- #005960
- RGB
- rgb(0 89 96)
- HSL
- hsl(184 100% 19%)
- HWB
- hwb(184 0% 62%)
- OKLCH
- oklch(0.423 0.072 204.1)
- OKLab
- oklab(0.423 -0.066 -0.029)
- CIE Lab
- lab(33.71 -21.56 -10.98)
- LCH
- lch(33.71 24.2 207)
- CMYK
- cmyk(100% 7% 0% 62%)
Tints · Shades · Tones
Tints
- 29686F
- 43787E
- 5A888D
- 71989D
- 88A9AC
- A0BABC
- B7CBCD
- CFDCDD
- E7EDEE
Shades
- 004C52
- 004045
- 003438
- 00282C
- 001D20
- 001315
- 00090A
- 000303
- 000000
Tones
- 1B5D63
- 2B6166
- 38656A
- 43696D
- 4E6D70
- 587173
- 627576
- 6C787A
- 767C7D
Color harmonies
Complementary +180°
- 005960
Beau Vert
- 703D3A
≈ Single Origin
Analogous -30° +30°
- 005960
Beau Vert
- 155B4B
≈ Evergreen
- 1E546F
≈ Canoe Blue
Triadic +120° +240°
- 005960
Beau Vert
- 614064
≈ Purple Odyssey
- 604A19
≈ Mud Brown
Split-complementary +150° +210°
- 005960
Beau Vert
- 6C3C50
≈ Ruby Nights
- 6C4225
≈ Davao Durian
Tetradic +90° +180° +270°
- 005960
Beau Vert
- 504671
≈ Evening Fizz
- 703D3A
≈ Single Origin
- 4D5220
≈ Army Green
Contrast & accessibility
Ag
AAAOn white
WCAG 8.08:1 · APCA Lc 87
Ag
FailOn black
WCAG 2.59:1 · APCA Lc 15
Best text color: #FFFFFF
WCAG 8.08:1 (AAA) · APCA Lc 87
Contrast pairs
Code snippets
CSS
:root {
--beau-vert: #005960;
--beau-vert-rgb: 0 89 96;
--beau-vert-oklch: oklch(0.423 0.072 204.1);
}
.element {
color: var(--beau-vert);
background-color: hsl(184 100% 19%);
border-color: oklch(0.423 0.072 204.1);
}Tailwind CSS v4
@theme {
--color-beau-vert: #005960;
--color-beau-vert-50: #defcff;
--color-beau-vert-100: #cdeff4;
--color-beau-vert-200: #b1dee3;
--color-beau-vert-300: #8cc2ca;
--color-beau-vert-400: #69abb2;
--color-beau-vert-500: #43949c;
--color-beau-vert-600: #3a7d84;
--color-beau-vert-700: #2e646a;
--color-beau-vert-800: #204a4d;
--color-beau-vert-900: #153336;
--color-beau-vert-950: #061f21;
}SCSS
$beau-vert: #005960;
$beau-vert-rgb: 0, 89, 96;
$beau-vert-light: mix(#fff, $beau-vert, 20%);
$beau-vert-dark: mix(#000, $beau-vert, 20%);
.element {
color: $beau-vert;
box-shadow: 0 0 0 2px rgba($beau-vert, 0.35);
}