Colore con nome · #90766E
Cadian
Cadian è #90766E: rgb(144 118 110), hsl(14 13% 50%), oklch(0.588 0.035 37.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Cadian color name →
#90766E
oklch(0.588 0.035 37.8)
Conversioni di colore
- HEX
- #90766e
- RGB
- rgb(144 118 110)
- HSL
- hsl(14 13% 50%)
- HWB
- hwb(14 43% 44%)
- OKLCH
- oklch(0.588 0.035 37.8)
- OKLab
- oklab(0.588 0.028 0.021)
- CIE Lab
- lab(51.99 9.5 8.43)
- LCH
- lch(51.99 12.71 41.6)
- CMYK
- cmyk(0% 18% 24% 44%)
Tinte · Ombre · Toni
Tinte
- 9B837C
- A69089
- B19D97
- BBABA5
- C7B8B4
- D2C6C3
- DDD4D1
- E8E2E0
- F4F1F0
Ombre
- 7D665F
- 6A5650
- 574741
- 453833
- 342926
- 241C19
- 150F0E
- 070504
- 010101
Toni
- 8F7770
- 8D7872
- 8B7973
- 8A7A75
- 887B77
- 877C79
- 857D7B
- 837E7C
- 827F7E
Armonie di colore
Complementare +180°
- 90766E
Cadian
- 66828B
≈ Puddle Jumper
Analogo -30° +30°
- 90766E
Cadian
- 907479
≈ Socialite
- 8B7967
≈ Guy
Triadico +120° +240°
- 90766E
Cadian
- 6C8375
≈ Wild Beet Leaf
- 777B92
≈ Smokey Denim
Complementare divisa +150° +210°
- 90766E
Cadian
- 658480
≈ Marsh Creek
- 6D7F91
≈ Chain Gang Grey
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.19:1 · APCA Lc 69
Ag
AASu nero
WCAG 5.00:1 · APCA Lc 33
Miglior colore del testo: #000000
WCAG 5.00:1 (AA) · APCA Lc 33
Contrast pairs
Frammenti di codice
CSS
:root {
--cadian: #90766e;
--cadian-rgb: 144 118 110;
--cadian-oklch: oklch(0.588 0.035 37.8);
}
.element {
color: var(--cadian);
background-color: hsl(14 13% 50%);
border-color: oklch(0.588 0.035 37.8);
}Tailwind CSS v4
@theme {
--color-cadian: #90766e;
--color-cadian-50: #fff2ee;
--color-cadian-100: #f3e4df;
--color-cadian-200: #e2d0c9;
--color-cadian-300: #c8b2aa;
--color-cadian-400: #b29890;
--color-cadian-500: #9c7f76;
--color-cadian-600: #846b64;
--color-cadian-700: #695650;
--color-cadian-800: #4e3e3a;
--color-cadian-900: #362b28;
--color-cadian-950: #211816;
}SCSS
$cadian: #90766e;
$cadian-rgb: 144, 118, 110;
$cadian-light: mix(#fff, $cadian, 20%);
$cadian-dark: mix(#000, $cadian, 20%);
.element {
color: $cadian;
box-shadow: 0 0 0 2px rgba($cadian, 0.35);
}