Color con nombre más cercano · #00624E
#00624E
Color con nombre más cercano: Evergreen
#00624E (rgb(0 98 78), hsl(168 100% 19%), oklch(0.442 0.085 172.4)) se parece más al color con nombre Evergreen. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#00624E
oklch(0.442 0.085 172.4)
Conversiones de color
- HEX
- #00624e
- RGB
- rgb(0 98 78)
- HSL
- hsl(168 100% 19%)
- HWB
- hwb(168 0% 62%)
- OKLCH
- oklch(0.442 0.085 172.4)
- OKLab
- oklab(0.442 -0.085 0.011)
- CIE Lab
- lab(36.4 -30.02 4.06)
- LCH
- lch(36.4 30.3 172.3)
- CMYK
- cmyk(100% 0% 20% 62%)
Tintes · Sombras · Tonos
Tintes
- 2B715E
- 45806E
- 5D8F7F
- 749E90
- 8AAEA2
- A1BEB4
- B8CEC6
- D0DED9
- E7EEEC
Sombras
- 005443
- 004738
- 003A2D
- 002D23
- 002119
- 00160F
- 000B07
- 000302
- 000000
Tonos
- 1D6553
- 2D6858
- 3A6B5D
- 456F62
- 507267
- 5A746C
- 647771
- 6D7A76
- 777D7B
Armonías de color
Complementario +180°
- 00624E
Evergreen
- 763E58
≈ Mulled Plum
Análogo -30° +30°
- 00624E
Evergreen
- 355F32
≈ Deep Into the Wood
- 005F65
≈ Beau Vert
Triádico +120° +240°
- 00624E
Evergreen
- 55497E
≈ Gentian Violet
- 774422
≈ Bull Shot
Complementario dividido +150° +210°
- 00624E
Evergreen
- 69426F
≈ Majesty
- 7C3E3D
≈ Raw Cinnabar
Tetrádico +90° +180° +270°
- 00624E
Evergreen
- 395282
≈ St. Tropaz
- 763E58
≈ Mulled Plum
- 6A4E0D
≈ Antique Bronze
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 7.35:1 · APCA Lc 85
Ag
FailSobre negro
WCAG 2.85:1 · APCA Lc 17
Mejor color de texto: #FFFFFF
WCAG 7.35:1 (AAA) · APCA Lc 85
Contrast pairs
Fragmentos de código
CSS
:root {
--evergreen: #00624e;
--evergreen-rgb: 0 98 78;
--evergreen-oklch: oklch(0.442 0.085 172.4);
}
.element {
color: var(--evergreen);
background-color: hsl(168 100% 19%);
border-color: oklch(0.442 0.085 172.4);
}Tailwind CSS v4
@theme {
--color-evergreen: #00624e;
--color-evergreen-50: #ddfef3;
--color-evergreen-100: #ccf2e6;
--color-evergreen-200: #afe1d2;
--color-evergreen-300: #89c6b4;
--color-evergreen-400: #66af99;
--color-evergreen-500: #3f9880;
--color-evergreen-600: #37816c;
--color-evergreen-700: #2b6757;
--color-evergreen-800: #1f4c3e;
--color-evergreen-900: #14352b;
--color-evergreen-950: #052018;
}SCSS
$evergreen: #00624e;
$evergreen-rgb: 0, 98, 78;
$evergreen-light: mix(#fff, $evergreen, 20%);
$evergreen-dark: mix(#000, $evergreen, 20%);
.element {
color: $evergreen;
box-shadow: 0 0 0 2px rgba($evergreen, 0.35);
}