Nearest named color · #005C65
#005C65
Nearest named color: Beau Vert
#005C65 (rgb(0 92 101), hsl(185 100% 20%), oklch(0.434 0.074 206.4)) is closest to the named color Beau Vert. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#005C65
oklch(0.434 0.074 206.4)
Color conversions
- HEX
- #005c65
- RGB
- rgb(0 92 101)
- HSL
- hsl(185 100% 20%)
- HWB
- hwb(185 0% 60%)
- OKLCH
- oklch(0.434 0.074 206.4)
- OKLab
- oklab(0.434 -0.067 -0.033)
- CIE Lab
- lab(34.93 -21.55 -12.26)
- LCH
- lch(34.93 24.79 209.6)
- CMYK
- cmyk(100% 9% 0% 60%)
Tints · Shades · Tones
Tints
- 296B73
- 447B82
- 5B8A91
- 729AA0
- 89ABAF
- A0BBBF
- B8CCCE
- CFDDDE
- E7EEEF
Shades
- 004F57
- 004249
- 00363C
- 002A2F
- 001F22
- 001417
- 000A0C
- 000303
- 000000
Tones
- 1C6068
- 2C636A
- 38676D
- 446B70
- 4F6E73
- 597275
- 637678
- 6D797B
- 767D7D
Color harmonies
Complementary +180°
- 005C65
Beau Vert
- 74403B
≈ Florence Red
Analogous -30° +30°
- 005C65
Beau Vert
- 135E4F
≈ Alpine Green
- 215774
≈ Canoe Blue
Triadic +120° +240°
- 005C65
Beau Vert
- 664266
≈ Royal Plum
- 634E19
≈ Black Queen
Split-complementary +150° +210°
- 005C65
Beau Vert
- 713F52
≈ Chilled Wine
- 704525
≈ Fawn Brown
Tetradic +90° +180° +270°
- 005C65
Beau Vert
- 554875
≈ Red Cabbage
- 74403B
≈ Florence Red
- 4E5622
≈ Private Green
Contrast & accessibility
Ag
AAAOn white
WCAG 7.72:1 · APCA Lc 86
Ag
FailOn black
WCAG 2.71:1 · APCA Lc 16
Best text color: #FFFFFF
WCAG 7.72:1 (AAA) · APCA Lc 86
Contrast pairs
Code snippets
CSS
:root {
--beau-vert: #005c65;
--beau-vert-rgb: 0 92 101;
--beau-vert-oklch: oklch(0.434 0.074 206.4);
}
.element {
color: var(--beau-vert);
background-color: hsl(185 100% 20%);
border-color: oklch(0.434 0.074 206.4);
}Tailwind CSS v4
@theme {
--color-beau-vert: #005c65;
--color-beau-vert-50: #defcff;
--color-beau-vert-100: #cceff5;
--color-beau-vert-200: #b0dee5;
--color-beau-vert-300: #8ac3cb;
--color-beau-vert-400: #67abb4;
--color-beau-vert-500: #40949f;
--color-beau-vert-600: #387d86;
--color-beau-vert-700: #2c646b;
--color-beau-vert-800: #1e4a4e;
--color-beau-vert-900: #143336;
--color-beau-vert-950: #051f21;
}SCSS
$beau-vert: #005c65;
$beau-vert-rgb: 0, 92, 101;
$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);
}