Colore con nome · #53786A
Wishard
Wishard è #53786A: rgb(83 120 106), hsl(157 18% 40%), oklch(0.54 0.047 169). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Wishard color name →
#53786A
oklch(0.54 0.047 169)
Conversioni di colore
- HEX
- #53786a
- RGB
- rgb(83 120 106)
- HSL
- hsl(157 18% 40%)
- HWB
- hwb(157 33% 53%)
- OKLCH
- oklch(0.54 0.047 169)
- OKLab
- oklab(0.54 -0.047 0.009)
- CIE Lab
- lab(47.32 -16.1 3.31)
- LCH
- lch(47.32 16.43 168.4)
- CMYK
- cmyk(31% 0% 12% 53%)
Tinte · Ombre · Toni
Tinte
- 638578
- 749286
- 849F94
- 95ACA3
- A6B9B2
- B8C7C1
- C9D5D0
- DBE3DF
- EDF1EF
Ombre
- 47675B
- 3B574D
- 30483F
- 253931
- 1B2A24
- 111D18
- 08100D
- 020504
- 000100
Toni
- 58796C
- 5D7A6E
- 617B71
- 667B73
- 6A7C75
- 6F7D77
- 737E79
- 777F7C
- 7C7F7E
Armonie di colore
Complementare +180°
- 53786A
Wishard
- 846473
≈ Opera
Analogo -30° +30°
- 53786A
Wishard
- 61765B
≈ Finlandia
- 4D7779
≈ Cool Waters
Triadico +120° +240°
- 53786A
Wishard
- 6D6B89
≈ Dark Prince
- 866757
≈ Suede Leather
Complementare divisa +150° +210°
- 53786A
Wishard
- 7B6681
≈ Grape Jelly
- 886464
≈ Forbidden Thrill
Tetradico +90° +180° +270°
- 53786A
Wishard
- 5E708B
≈ Beguiling Blue
- 846473
≈ Opera
- 7E6C4F
≈ Juicy Fig
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.92:1 · APCA Lc 74
Ag
FailSu nero
WCAG 4.26:1 · APCA Lc 28
Miglior colore del testo: #FFFFFF
WCAG 4.92:1 (AA) · APCA Lc 74
Contrast pairs
Frammenti di codice
CSS
:root {
--wishard: #53786a;
--wishard-rgb: 83 120 106;
--wishard-oklch: oklch(0.54 0.047 169);
}
.element {
color: var(--wishard);
background-color: hsl(157 18% 40%);
border-color: oklch(0.54 0.047 169);
}Tailwind CSS v4
@theme {
--color-wishard: #53786a;
--color-wishard-50: #e9faf3;
--color-wishard-100: #d9ede6;
--color-wishard-200: #c1dbd1;
--color-wishard-300: #a0c0b4;
--color-wishard-400: #83a89a;
--color-wishard-500: #679181;
--color-wishard-600: #577a6d;
--color-wishard-700: #466257;
--color-wishard-800: #32483f;
--color-wishard-900: #22322b;
--color-wishard-950: #111e19;
}SCSS
$wishard: #53786a;
$wishard-rgb: 83, 120, 106;
$wishard-light: mix(#fff, $wishard, 20%);
$wishard-dark: mix(#000, $wishard, 20%);
.element {
color: $wishard;
box-shadow: 0 0 0 2px rgba($wishard, 0.35);
}