Cor nomeada mais próxima · #005C65
#005C65
Cor nomeada mais próxima: Beau Vert
#005C65 (rgb(0 92 101), hsl(185 100% 20%), oklch(0.434 0.074 206.4)) é mais próxima da cor nomeada Beau Vert. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#005C65
oklch(0.434 0.074 206.4)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- 296B73
- 447B82
- 5B8A91
- 729AA0
- 89ABAF
- A0BBBF
- B8CCCE
- CFDDDE
- E7EEEF
Sombras
- 004F57
- 004249
- 00363C
- 002A2F
- 001F22
- 001417
- 000A0C
- 000303
- 000000
Tons
- 1C6068
- 2C636A
- 38676D
- 446B70
- 4F6E73
- 597275
- 637678
- 6D797B
- 767D7D
Harmonias de cor
Complementar +180°
- 005C65
Beau Vert
- 74403B
≈ Florence Red
Análoga -30° +30°
- 005C65
Beau Vert
- 135E4F
≈ Alpine Green
- 215774
≈ Canoe Blue
Tríade +120° +240°
- 005C65
Beau Vert
- 664266
≈ Royal Plum
- 634E19
≈ Black Queen
Complementar dividida +150° +210°
- 005C65
Beau Vert
- 713F52
≈ Chilled Wine
- 704525
≈ Fawn Brown
Tétrade +90° +180° +270°
- 005C65
Beau Vert
- 554875
≈ Red Cabbage
- 74403B
≈ Florence Red
- 4E5622
≈ Private Green
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 7.72:1 · APCA Lc 86
Ag
FailSobre preto
WCAG 2.71:1 · APCA Lc 16
Melhor cor de texto: #FFFFFF
WCAG 7.72:1 (AAA) · APCA Lc 86
Contrast pairs
Trechos de código
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);
}