Colore con nome più vicino · #14796E
#14796E
Colore con nome più vicino: Emperor Jade
#14796E (rgb(20 121 110), hsl(173 72% 28%), oklch(0.52 0.087 183.5)) è più vicino al colore con nome Emperor Jade. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#14796E
oklch(0.52 0.087 183.5)
Conversioni di colore
- HEX
- #14796e
- RGB
- rgb(20 121 110)
- HSL
- hsl(173 72% 28%)
- HWB
- hwb(173 8% 53%)
- OKLCH
- oklch(0.52 0.087 183.5)
- OKLab
- oklab(0.52 -0.087 -0.005)
- CIE Lab
- lab(45.37 -30.4 -2.21)
- LCH
- lch(45.37 30.48 184.2)
- CMYK
- cmyk(83% 0% 9% 53%)
Tinte · Ombre · Toni
Tinte
- 37867B
- 509389
- 67A097
- 7DADA5
- 93BBB4
- A8C8C2
- BED6D1
- D3E3E0
- E9F1F0
Ombre
- 10685F
- 0C5850
- 084841
- 053933
- 032B26
- 011D19
- 01100E
- 000504
- 000101
Toni
- 297A70
- 387B72
- 437C73
- 4E7C75
- 577D77
- 607E79
- 687E7B
- 717F7C
- 78807E
Armonie di colore
Complementare +180°
- 14796E
Emperor Jade
- 925263
≈ Vin Rouge
Analogo -30° +30°
- 14796E
Emperor Jade
- 3C7751
≈ Rokushō Green
- 107687
≈ Glamour Green
Triadico +120° +240°
- 14796E
Emperor Jade
- 735C92
≈ Emperor Jewel
- 8C5D2F
≈ Rusty Coin
Complementare divisa +150° +210°
- 14796E
Emperor Jade
- 87557E
≈ Dynamic Magenta
- 945547
≈ Prairie Clay
Tetradico +90° +180° +270°
- 14796E
Emperor Jade
- 59659B
≈ Iris Bloom
- 925263
≈ Vin Rouge
- 7A6826
≈ Brazen Brass
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.26:1 · APCA Lc 76
Ag
FailSu nero
WCAG 3.98:1 · APCA Lc 26
Miglior colore del testo: #FFFFFF
WCAG 5.26:1 (AA) · APCA Lc 76
Contrast pairs
Frammenti di codice
CSS
:root {
--emperor-jade: #14796e;
--emperor-jade-rgb: 20 121 110;
--emperor-jade-oklch: oklch(0.52 0.087 183.5);
}
.element {
color: var(--emperor-jade);
background-color: hsl(173 72% 28%);
border-color: oklch(0.52 0.087 183.5);
}Tailwind CSS v4
@theme {
--color-emperor-jade: #14796e;
--color-emperor-jade-50: #dafef8;
--color-emperor-jade-100: #c8f2ec;
--color-emperor-jade-200: #aae1d9;
--color-emperor-jade-300: #83c6bd;
--color-emperor-jade-400: #5db0a4;
--color-emperor-jade-500: #2f998c;
--color-emperor-jade-600: #2a8176;
--color-emperor-jade-700: #22685f;
--color-emperor-jade-800: #174c44;
--color-emperor-jade-900: #0f352f;
--color-emperor-jade-950: #02201c;
}SCSS
$emperor-jade: #14796e;
$emperor-jade-rgb: 20, 121, 110;
$emperor-jade-light: mix(#fff, $emperor-jade, 20%);
$emperor-jade-dark: mix(#000, $emperor-jade, 20%);
.element {
color: $emperor-jade;
box-shadow: 0 0 0 2px rgba($emperor-jade, 0.35);
}