Colore con nome · #588A79
Privet Hedge
Privet Hedge è #588A79: rgb(88 138 121), hsl(160 22% 44%), oklch(0.593 0.06 170.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Privet Hedge color name →
#588A79
oklch(0.593 0.06 170.7)
Conversioni di colore
- HEX
- #588a79
- RGB
- rgb(88 138 121)
- HSL
- hsl(160 22% 44%)
- HWB
- hwb(160 35% 46%)
- OKLCH
- oklch(0.593 0.06 170.7)
- OKLab
- oklab(0.593 -0.059 0.01)
- CIE Lab
- lab(53.55 -20.62 3.53)
- LCH
- lch(53.55 20.92 170.3)
- CMYK
- cmyk(36% 0% 12% 46%)
Tinte · Ombre · Toni
Tinte
- 699586
- 79A192
- 89AC9F
- 9AB8AC
- AAC3BA
- BBCFC7
- CCDBD5
- DDE7E3
- EEF3F1
Ombre
- 4B7768
- 3F6558
- 335348
- 284239
- 1D322B
- 12221D
- 091410
- 030705
- 000101
Toni
- 5D897A
- 61887A
- 66877B
- 6A867C
- 6E857D
- 72847D
- 75837E
- 79827F
- 7D817F
Armonie di colore
Complementare +180°
- 588A79
Privet Hedge
- 9A6F83
≈ Meadow Flower
Analogo -30° +30°
- 588A79
Privet Hedge
- 6B8765
≈ Bladerunner
- 50898D
≈ Evora
Triadico +120° +240°
- 588A79
Privet Hedge
- 7E78A0
≈ Grape Jam
- 9C745D
≈ Baked Sienna
Complementare divisa +150° +210°
- 588A79
Privet Hedge
- 8F7394
≈ Felicia
- 9F706F
≈ Raw Edge
Tetradico +90° +180° +270°
- 588A79
Privet Hedge
- 6A7FA2
≈ Bay View
- 9A6F83
≈ Meadow Flower
- 917B54
≈ Old Ruin
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.94:1 · APCA Lc 67
Ag
AASu nero
WCAG 5.32:1 · APCA Lc 35
Miglior colore del testo: #000000
WCAG 5.32:1 (AA) · APCA Lc 35
Contrast pairs
Frammenti di codice
CSS
:root {
--privet-hedge: #588a79;
--privet-hedge-rgb: 88 138 121;
--privet-hedge-oklch: oklch(0.593 0.06 170.7);
}
.element {
color: var(--privet-hedge);
background-color: hsl(160 22% 44%);
border-color: oklch(0.593 0.06 170.7);
}Tailwind CSS v4
@theme {
--color-privet-hedge: #588a79;
--color-privet-hedge-50: #e5fbf3;
--color-privet-hedge-100: #d5efe6;
--color-privet-hedge-200: #bbddd2;
--color-privet-hedge-300: #99c2b4;
--color-privet-hedge-400: #7aaa99;
--color-privet-hedge-500: #5b9381;
--color-privet-hedge-600: #4e7d6d;
--color-privet-hedge-700: #3e6457;
--color-privet-hedge-800: #2d493f;
--color-privet-hedge-900: #1e332b;
--color-privet-hedge-950: #0e1e18;
}SCSS
$privet-hedge: #588a79;
$privet-hedge-rgb: 88, 138, 121;
$privet-hedge-light: mix(#fff, $privet-hedge, 20%);
$privet-hedge-dark: mix(#000, $privet-hedge, 20%);
.element {
color: $privet-hedge;
box-shadow: 0 0 0 2px rgba($privet-hedge, 0.35);
}