Colore con nome più vicino · #006044
#006044
Colore con nome più vicino: Jewel
#006044 (rgb(0 96 68), hsl(163 100% 19%), oklch(0.433 0.091 165.1)) è più vicino al colore con nome Jewel. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#006044
oklch(0.433 0.091 165.1)
Conversioni di colore
- HEX
- #006044
- RGB
- rgb(0 96 68)
- HSL
- hsl(163 100% 19%)
- HWB
- hwb(163 0% 62%)
- OKLCH
- oklch(0.433 0.091 165.1)
- OKLab
- oklab(0.433 -0.088 0.023)
- CIE Lab
- lab(35.47 -31.37 8.83)
- LCH
- lch(35.47 32.59 164.3)
- CMYK
- cmyk(100% 0% 29% 62%)
Tinte · Ombre · Toni
Tinte
- 2A6F55
- 447E66
- 5C8E78
- 739D8A
- 8AAD9D
- A1BDB0
- B8CDC3
- CFDED7
- E7EEEB
Ombre
- 00523A
- 004530
- 003826
- 002C1D
- 002014
- 00150C
- 000A05
- 000302
- 000000
Toni
- 1C634A
- 2C6750
- 396A56
- 446D5B
- 4F7161
- 597467
- 63776E
- 6D7A74
- 777D7A
Armonie di colore
Complementare +180°
- 006044
Jewel
- 733A5C
≈ Passionate Plum
Analogo -30° +30°
Triadico +120° +240°
- 006044
Jewel
- 4C4880
≈ Fresh Eggplant
- 793E22
≈ Kara Cha Brown
Complementare divisa +150° +210°
- 006044
Jewel
- 634073
≈ Majesty
- 7B3940
≈ Carmen
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.61:1 · APCA Lc 86
Ag
FailSu nero
WCAG 2.75:1 · APCA Lc 16
Miglior colore del testo: #FFFFFF
WCAG 7.61:1 (AAA) · APCA Lc 86
Contrast pairs
Frammenti di codice
CSS
:root {
--jewel: #006044;
--jewel-rgb: 0 96 68;
--jewel-oklch: oklch(0.433 0.091 165.1);
}
.element {
color: var(--jewel);
background-color: hsl(163 100% 19%);
border-color: oklch(0.433 0.091 165.1);
}Tailwind CSS v4
@theme {
--color-jewel: #006044;
--color-jewel-50: #defef0;
--color-jewel-100: #ccf2e2;
--color-jewel-200: #b0e1cc;
--color-jewel-300: #89c7ae;
--color-jewel-400: #67b091;
--color-jewel-500: #419977;
--color-jewel-600: #388265;
--color-jewel-700: #2d6851;
--color-jewel-800: #204c39;
--color-jewel-900: #153527;
--color-jewel-950: #062015;
}SCSS
$jewel: #006044;
$jewel-rgb: 0, 96, 68;
$jewel-light: mix(#fff, $jewel, 20%);
$jewel-dark: mix(#000, $jewel, 20%);
.element {
color: $jewel;
box-shadow: 0 0 0 2px rgba($jewel, 0.35);
}