Colore con nome più vicino · #00624E
#00624E
Colore con nome più vicino: Evergreen
#00624E (rgb(0 98 78), hsl(168 100% 19%), oklch(0.442 0.085 172.4)) è più vicino al colore con nome Evergreen. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#00624E
oklch(0.442 0.085 172.4)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 2B715E
- 45806E
- 5D8F7F
- 749E90
- 8AAEA2
- A1BEB4
- B8CEC6
- D0DED9
- E7EEEC
Ombre
- 005443
- 004738
- 003A2D
- 002D23
- 002119
- 00160F
- 000B07
- 000302
- 000000
Toni
- 1D6553
- 2D6858
- 3A6B5D
- 456F62
- 507267
- 5A746C
- 647771
- 6D7A76
- 777D7B
Armonie di colore
Complementare +180°
- 00624E
Evergreen
- 763E58
≈ Mulled Plum
Analogo -30° +30°
- 00624E
Evergreen
- 355F32
≈ Deep Into the Wood
- 005F65
≈ Beau Vert
Triadico +120° +240°
- 00624E
Evergreen
- 55497E
≈ Gentian Violet
- 774422
≈ Bull Shot
Complementare divisa +150° +210°
- 00624E
Evergreen
- 69426F
≈ Majesty
- 7C3E3D
≈ Raw Cinnabar
Tetradico +90° +180° +270°
- 00624E
Evergreen
- 395282
≈ St. Tropaz
- 763E58
≈ Mulled Plum
- 6A4E0D
≈ Antique Bronze
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.35:1 · APCA Lc 85
Ag
FailSu nero
WCAG 2.85:1 · APCA Lc 17
Miglior colore del testo: #FFFFFF
WCAG 7.35:1 (AAA) · APCA Lc 85
Contrast pairs
Frammenti di codice
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);
}