Colore con nome · #10605A
Empress Teal
Empress Teal è #10605A: rgb(16 96 90), hsl(176 71% 22%), oklch(0.443 0.072 187.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Empress Teal color name →
#10605A
oklch(0.443 0.072 187.1)
Conversioni di colore
- HEX
- #10605a
- RGB
- rgb(16 96 90)
- HSL
- hsl(176 71% 22%)
- HWB
- hwb(176 6% 62%)
- OKLCH
- oklch(0.443 0.072 187.1)
- OKLab
- oklab(0.443 -0.072 -0.009)
- CIE Lab
- lab(36.22 -24.82 -3.52)
- LCH
- lch(36.22 25.07 188.1)
- CMYK
- cmyk(83% 0% 6% 62%)
Tinte · Ombre · Toni
Tinte
- 306F69
- 497E78
- 5F8D88
- 769D98
- 8CADA9
- A3BDB9
- B9CDCA
- D0DEDC
- E7EEED
Ombre
- 0C524D
- 094541
- 063835
- 042C29
- 02201E
- 011513
- 000A09
- 000303
- 000000
Toni
- 23635E
- 316761
- 3D6A65
- 476D69
- 51706D
- 5B7471
- 657774
- 6E7A78
- 777D7C
Armonie di colore
Complementare +180°
- 10605A
Empress Teal
- 75424C
≈ Brownish Purple
Analogo -30° +30°
- 10605A
Empress Teal
- 2D5F43
≈ Emerald Temple
- 145D6D
≈ Galapagos
Triadico +120° +240°
- 10605A
Empress Teal
- 5E4873
≈ Gengiana
- 6E4B24
≈ Wagon Train
Complementare divisa +150° +210°
- 10605A
Empress Teal
- 6D4362
≈ Wizard Time
- 764436
≈ Clay Play
Tetradico +90° +180° +270°
- 10605A
Empress Teal
- 494F7B
≈ Provocative
- 75424C
≈ Brownish Purple
- 5F531F
≈ Tucumán Green
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.38:1 · APCA Lc 85
Ag
FailSu nero
WCAG 2.84:1 · APCA Lc 17
Miglior colore del testo: #FFFFFF
WCAG 7.38:1 (AAA) · APCA Lc 85
Contrast pairs
Frammenti di codice
CSS
:root {
--empress-teal: #10605a;
--empress-teal-rgb: 16 96 90;
--empress-teal-oklch: oklch(0.443 0.072 187.1);
}
.element {
color: var(--empress-teal);
background-color: hsl(176 71% 22%);
border-color: oklch(0.443 0.072 187.1);
}Tailwind CSS v4
@theme {
--color-empress-teal: #10605a;
--color-empress-teal-50: #dffcf9;
--color-empress-teal-100: #cef0ed;
--color-empress-teal-200: #b2dfda;
--color-empress-teal-300: #8cc4bf;
--color-empress-teal-400: #6aada6;
--color-empress-teal-500: #45968e;
--color-empress-teal-600: #3c7f78;
--color-empress-teal-700: #306560;
--color-empress-teal-800: #224b46;
--color-empress-teal-900: #163430;
--color-empress-teal-950: #071f1c;
}SCSS
$empress-teal: #10605a;
$empress-teal-rgb: 16, 96, 90;
$empress-teal-light: mix(#fff, $empress-teal, 20%);
$empress-teal-dark: mix(#000, $empress-teal, 20%);
.element {
color: $empress-teal;
box-shadow: 0 0 0 2px rgba($empress-teal, 0.35);
}