Colore con nome · #598784
Cretan Green
Cretan Green è #598784: rgb(89 135 132), hsl(176 21% 44%), oklch(0.589 0.05 190.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Cretan Green color name →
#598784
oklch(0.589 0.05 190.7)
Conversioni di colore
- HEX
- #598784
- RGB
- rgb(89 135 132)
- HSL
- hsl(176 21% 44%)
- HWB
- hwb(176 35% 47%)
- OKLCH
- oklch(0.589 0.05 190.7)
- OKLab
- oklab(0.589 -0.05 -0.009)
- CIE Lab
- lab(52.94 -16.85 -3.66)
- LCH
- lch(52.94 17.24 192.3)
- CMYK
- cmyk(34% 0% 2% 47%)
Tinte · Ombre · Toni
Tinte
- 699290
- 7A9E9B
- 8AAAA7
- 9AB6B3
- ABC2C0
- BBCECC
- CCDAD9
- DDE6E5
- EEF2F2
Ombre
- 4C7572
- 406360
- 34514F
- 28413F
- 1D312F
- 132120
- 091312
- 030606
- 000101
Toni
- 5E8684
- 628683
- 668583
- 6A8482
- 6E8482
- 728382
- 768281
- 798281
- 7D8180
Armonie di colore
Complementare +180°
- 598784
Cretan Green
- 987176
≈ March Pink
Analogo -30° +30°
- 598784
Cretan Green
- 638773
≈ Dark Ivy
- 5B8492
≈ Blue Moon Bay
Triadico +120° +240°
- 598784
Cretan Green
- 877594
≈ Vintage
- 91785C
≈ Archaeological Site
Complementare divisa +150° +210°
- 598784
Cretan Green
- 927286
≈ Very Grape
- 987366
≈ Temptation
Tetradico +90° +180° +270°
- 598784
Cretan Green
- 777A9B
≈ Bossa Nova Blue
- 987176
≈ March Pink
- 837E5B
≈ Wild Ginseng
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.02:1 · APCA Lc 67
Ag
AASu nero
WCAG 5.22:1 · APCA Lc 34
Miglior colore del testo: #000000
WCAG 5.22:1 (AA) · APCA Lc 34
Contrast pairs
Frammenti di codice
CSS
:root {
--cretan-green: #598784;
--cretan-green-rgb: 89 135 132;
--cretan-green-oklch: oklch(0.589 0.05 190.7);
}
.element {
color: var(--cretan-green);
background-color: hsl(176 21% 44%);
border-color: oklch(0.589 0.05 190.7);
}Tailwind CSS v4
@theme {
--color-cretan-green: #598784;
--color-cretan-green-50: #e6faf9;
--color-cretan-green-100: #d6eeec;
--color-cretan-green-200: #bddcda;
--color-cretan-green-300: #9ac0be;
--color-cretan-green-400: #7ca8a5;
--color-cretan-green-500: #5e918e;
--color-cretan-green-600: #507b78;
--color-cretan-green-700: #406260;
--color-cretan-green-800: #2d4846;
--color-cretan-green-900: #1f3230;
--color-cretan-green-950: #0e1e1d;
}SCSS
$cretan-green: #598784;
$cretan-green-rgb: 89, 135, 132;
$cretan-green-light: mix(#fff, $cretan-green, 20%);
$cretan-green-dark: mix(#000, $cretan-green, 20%);
.element {
color: $cretan-green;
box-shadow: 0 0 0 2px rgba($cretan-green, 0.35);
}