Colore con nome · #877254
Greyish Yellow
Greyish Yellow è #877254: rgb(135 114 84), hsl(35 23% 43%), oklch(0.564 0.051 76.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Greyish Yellow color name →
#877254
oklch(0.564 0.051 76.3)
Conversioni di colore
- HEX
- #877254
- RGB
- rgb(135 114 84)
- HSL
- hsl(35 23% 43%)
- HWB
- hwb(35 33% 47%)
- OKLCH
- oklch(0.564 0.051 76.3)
- OKLab
- oklab(0.564 0.012 0.049)
- CIE Lab
- lab(49.49 5.14 19.88)
- LCH
- lch(49.49 20.54 75.5)
- CMYK
- cmyk(0% 16% 38% 47%)
Tinte · Ombre · Toni
Tinte
- 927F64
- 9E8D74
- AA9A85
- B6A896
- C2B6A7
- CEC4B8
- DAD3C9
- E6E1DB
- F2F0ED
Ombre
- 756248
- 63533C
- 514431
- 413626
- 31281B
- 211B11
- 130E08
- 060402
- 010100
Toni
- 867359
- 86755D
- 857662
- 847866
- 84796B
- 837B6F
- 827C73
- 827D77
- 817F7C
Armonie di colore
Complementare +180°
- 877254
Greyish Yellow
- 627794
≈ Rushing River
Analogo -30° +30°
- 877254
Greyish Yellow
- 8F6D5D
≈ Wild Cattail
- 797855
≈ Green Woodpecker Olive
Triadico +120° +240°
- 877254
Greyish Yellow
- 517F80
≈ Nickel Ore Green
- 826D8A
≈ Grey Purple
Complementare divisa +150° +210°
- 877254
Greyish Yellow
- 557C8D
≈ Technical Blue
- 737293
≈ Rhythm
Tetradico +90° +180° +270°
- 877254
Greyish Yellow
- 59806F
≈ Frosty Spruce
- 627794
≈ Rushing River
- 8C6A7C
≈ Raw Garnet Viola
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.60:1 · APCA Lc 72
Ag
AASu nero
WCAG 4.56:1 · APCA Lc 30
Miglior colore del testo: #FFFFFF
WCAG 4.60:1 (AA) · APCA Lc 72
Contrast pairs
Frammenti di codice
CSS
:root {
--greyish-yellow: #877254;
--greyish-yellow-rgb: 135 114 84;
--greyish-yellow-oklch: oklch(0.564 0.051 76.3);
}
.element {
color: var(--greyish-yellow);
background-color: hsl(35 23% 43%);
border-color: oklch(0.564 0.051 76.3);
}Tailwind CSS v4
@theme {
--color-greyish-yellow: #877254;
--color-greyish-yellow-50: #fdf4e5;
--color-greyish-yellow-100: #f1e6d6;
--color-greyish-yellow-200: #e0d2bd;
--color-greyish-yellow-300: #c6b59b;
--color-greyish-yellow-400: #b09b7d;
--color-greyish-yellow-500: #9a8260;
--color-greyish-yellow-600: #826e52;
--color-greyish-yellow-700: #685841;
--color-greyish-yellow-800: #4d402f;
--color-greyish-yellow-900: #362c20;
--color-greyish-yellow-950: #21190f;
}SCSS
$greyish-yellow: #877254;
$greyish-yellow-rgb: 135, 114, 84;
$greyish-yellow-light: mix(#fff, $greyish-yellow, 20%);
$greyish-yellow-dark: mix(#000, $greyish-yellow, 20%);
.element {
color: $greyish-yellow;
box-shadow: 0 0 0 2px rgba($greyish-yellow, 0.35);
}