Colore con nome · #217F74
Elegant Silk
Elegant Silk è #217F74: rgb(33 127 116), hsl(173 59% 31%), oklch(0.541 0.086 183.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Elegant Silk color name →
#217F74
oklch(0.541 0.086 183.5)
Conversioni di colore
- HEX
- #217f74
- RGB
- rgb(33 127 116)
- HSL
- hsl(173 59% 31%)
- HWB
- hwb(173 13% 50%)
- OKLCH
- oklch(0.541 0.086 183.5)
- OKLab
- oklab(0.541 -0.086 -0.005)
- CIE Lab
- lab(47.77 -29.92 -2.22)
- LCH
- lch(47.77 30 184.2)
- CMYK
- cmyk(74% 0% 9% 50%)
Tinte · Ombre · Toni
Tinte
- 3F8B81
- 56988E
- 6CA49C
- 82B1A9
- 96BEB7
- ABCBC5
- C0D8D3
- D5E5E2
- EAF2F0
Ombre
- 1B6E64
- 165D54
- 104C45
- 0B3C37
- 062D29
- 031F1B
- 01110F
- 000605
- 000101
Toni
- 317F75
- 3E8076
- 488078
- 528079
- 5B807A
- 63807B
- 6B807C
- 72807E
- 79807F
Armonie di colore
Complementare +180°
- 217F74
Elegant Silk
- 995969
≈ Mission Wildflower
Analogo -30° +30°
- 217F74
Elegant Silk
- 437D57
≈ Rokushō Green
- 1E7C8D
≈ Bermuda
Triadico +120° +240°
- 217F74
Elegant Silk
- 796298
≈ Jubilee
- 926336
≈ Oregon Hazel
Complementare divisa +150° +210°
- 217F74
Elegant Silk
- 8D5B84
≈ Antique Fuchsia
- 9A5B4D
≈ Spicy Cayenne
Tetradico +90° +180° +270°
- 217F74
Elegant Silk
- 5F6BA1
≈ Twinkle Night
- 995969
≈ Mission Wildflower
- 806E2E
≈ Tarnished Brass
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.82:1 · APCA Lc 73
Ag
FailSu nero
WCAG 4.35:1 · APCA Lc 29
Miglior colore del testo: #FFFFFF
WCAG 4.82:1 (AA) · APCA Lc 73
Contrast pairs
Frammenti di codice
CSS
:root {
--elegant-silk: #217f74;
--elegant-silk-rgb: 33 127 116;
--elegant-silk-oklch: oklch(0.541 0.086 183.5);
}
.element {
color: var(--elegant-silk);
background-color: hsl(173 59% 31%);
border-color: oklch(0.541 0.086 183.5);
}Tailwind CSS v4
@theme {
--color-elegant-silk: #217f74;
--color-elegant-silk-50: #dbfef8;
--color-elegant-silk-100: #c9f2ec;
--color-elegant-silk-200: #abe1d9;
--color-elegant-silk-300: #83c6bd;
--color-elegant-silk-400: #5eafa4;
--color-elegant-silk-500: #31998c;
--color-elegant-silk-600: #2c8176;
--color-elegant-silk-700: #23675f;
--color-elegant-silk-800: #184c44;
--color-elegant-silk-900: #10352f;
--color-elegant-silk-950: #02201c;
}SCSS
$elegant-silk: #217f74;
$elegant-silk-rgb: 33, 127, 116;
$elegant-silk-light: mix(#fff, $elegant-silk, 20%);
$elegant-silk-dark: mix(#000, $elegant-silk, 20%);
.element {
color: $elegant-silk;
box-shadow: 0 0 0 2px rgba($elegant-silk, 0.35);
}