Colore con nome · #727A60
Desert Chaparral
Desert Chaparral è #727A60: rgb(114 122 96), hsl(78 12% 43%), oklch(0.565 0.04 121.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Desert Chaparral color name →
#727A60
oklch(0.565 0.04 121.6)
Conversioni di colore
- HEX
- #727a60
- RGB
- rgb(114 122 96)
- HSL
- hsl(78 12% 43%)
- HWB
- hwb(78 38% 52%)
- OKLCH
- oklch(0.565 0.04 121.6)
- OKLab
- oklab(0.565 -0.021 0.034)
- CIE Lab
- lab(49.98 -6.79 13.24)
- LCH
- lch(49.98 14.88 117.1)
- CMYK
- cmyk(7% 0% 21% 52%)
Tinte · Ombre · Toni
Tinte
- 7F876F
- 8C937E
- 9AA08D
- A8AD9D
- B6BAAD
- C4C8BD
- D3D5CD
- E1E3DD
- F0F1EE
Ombre
- 626952
- 535945
- 444938
- 363A2C
- 282B20
- 1B1D15
- 0E100A
- 040503
- 010100
Toni
- 737B63
- 757B67
- 767C6A
- 787C6D
- 797D70
- 7A7E73
- 7C7E77
- 7D7F7A
- 7F7F7D
Armonie di colore
Complementare +180°
- 727A60
Desert Chaparral
- 7A718A
≈ Dancing in the Spring
Analogo -30° +30°
- 727A60
Desert Chaparral
- 7E765B
≈ Denali Green
- 657D6A
≈ Stone Cypress Green
Triadico +120° +240°
- 727A60
Desert Chaparral
- 62798C
≈ Enterprise
- 8B6D74
≈ Pink Poppy
Complementare divisa +150° +210°
- 727A60
Desert Chaparral
- 6D758E
≈ Legal Eagle
- 846E81
≈ Purple Grey
Tetradico +90° +180° +270°
- 727A60
Desert Chaparral
- 5B7D84
≈ Sultry Bay
- 7A718A
≈ Dancing in the Spring
- 8C6E68
≈ Eclectic Plum
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.49:1 · APCA Lc 71
Ag
AASu nero
WCAG 4.66:1 · APCA Lc 30
Miglior colore del testo: #000000
WCAG 4.66:1 (AA) · APCA Lc 30
Contrast pairs
Frammenti di codice
CSS
:root {
--desert-chaparral: #727a60;
--desert-chaparral-rgb: 114 122 96;
--desert-chaparral-oklch: oklch(0.565 0.04 121.6);
}
.element {
color: var(--desert-chaparral);
background-color: hsl(78 12% 43%);
border-color: oklch(0.565 0.04 121.6);
}Tailwind CSS v4
@theme {
--color-desert-chaparral: #727a60;
--color-desert-chaparral-50: #f3f7eb;
--color-desert-chaparral-100: #e5eadc;
--color-desert-chaparral-200: #d1d7c5;
--color-desert-chaparral-300: #b3bba5;
--color-desert-chaparral-400: #9aa289;
--color-desert-chaparral-500: #828b6d;
--color-desert-chaparral-600: #6e755d;
--color-desert-chaparral-700: #585e4a;
--color-desert-chaparral-800: #404535;
--color-desert-chaparral-900: #2c2f24;
--color-desert-chaparral-950: #1a1c13;
}SCSS
$desert-chaparral: #727a60;
$desert-chaparral-rgb: 114, 122, 96;
$desert-chaparral-light: mix(#fff, $desert-chaparral, 20%);
$desert-chaparral-dark: mix(#000, $desert-chaparral, 20%);
.element {
color: $desert-chaparral;
box-shadow: 0 0 0 2px rgba($desert-chaparral, 0.35);
}