Colore con nome · #538B89
Evora
Evora è #538B89: rgb(83 139 137), hsl(178 25% 44%), oklch(0.598 0.059 192.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Evora color name →
#538B89
oklch(0.598 0.059 192.8)
Conversioni di colore
- HEX
- #538b89
- RGB
- rgb(83 139 137)
- HSL
- hsl(178 25% 44%)
- HWB
- hwb(178 33% 45%)
- OKLCH
- oklch(0.598 0.059 192.8)
- OKLab
- oklab(0.598 -0.058 -0.013)
- CIE Lab
- lab(53.97 -19.64 -5.07)
- LCH
- lch(53.97 20.28 194.5)
- CMYK
- cmyk(40% 0% 1% 45%)
Tinte · Ombre · Toni
Tinte
- 649694
- 76A1A0
- 86ADAB
- 97B8B7
- A8C4C2
- B9CFCE
- CBDBDA
- DCE7E6
- EDF3F3
Ombre
- 477876
- 3B6664
- 305453
- 254342
- 1B3231
- 112322
- 081414
- 020707
- 000101
Toni
- 598A88
- 5E8987
- 638886
- 678785
- 6C8685
- 708584
- 748483
- 788282
- 7C8181
Armonie di colore
Complementare +180°
- 538B89
Evora
- A07176
≈ Raw Edge
Analogo -30° +30°
Triadico +120° +240°
Complementare divisa +150° +210°
- 538B89
Evora
- 997289
≈ Artiste
- 9E7463
≈ Kurumizome Brown
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.87:1 · APCA Lc 66
Ag
AASu nero
WCAG 5.42:1 · APCA Lc 36
Miglior colore del testo: #000000
WCAG 5.42:1 (AA) · APCA Lc 36
Contrast pairs
Frammenti di codice
CSS
:root {
--evora: #538b89;
--evora-rgb: 83 139 137;
--evora-oklch: oklch(0.598 0.059 192.8);
}
.element {
color: var(--evora);
background-color: hsl(178 25% 44%);
border-color: oklch(0.598 0.059 192.8);
}Tailwind CSS v4
@theme {
--color-evora: #538b89;
--color-evora-50: #e3fbfa;
--color-evora-100: #d2efee;
--color-evora-200: #b8dddc;
--color-evora-300: #94c1c1;
--color-evora-400: #75aaa8;
--color-evora-500: #549391;
--color-evora-600: #487c7a;
--color-evora-700: #396362;
--color-evora-800: #294947;
--color-evora-900: #1b3331;
--color-evora-950: #0b1e1d;
}SCSS
$evora: #538b89;
$evora-rgb: 83, 139, 137;
$evora-light: mix(#fff, $evora, 20%);
$evora-dark: mix(#000, $evora, 20%);
.element {
color: $evora;
box-shadow: 0 0 0 2px rgba($evora, 0.35);
}