Colore con nome · #C7B882
Yuma
Yuma è #C7B882: rgb(199 184 130), hsl(47 38% 65%), oklch(0.782 0.073 94.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Yuma color name →
#C7B882
oklch(0.782 0.073 94.4)
Conversioni di colore
- HEX
- #c7b882
- RGB
- rgb(199 184 130)
- HSL
- hsl(47 38% 65%)
- HWB
- hwb(47 51% 22%)
- OKLCH
- oklch(0.782 0.073 94.4)
- OKLab
- oklab(0.782 -0.006 0.073)
- CIE Lab
- lab(75.09 -0.37 29.53)
- LCH
- lch(75.09 29.53 90.7)
- CMYK
- cmyk(0% 8% 35% 22%)
Tinte · Ombre · Toni
Tinte
- CCBF8F
- D2C69B
- D7CDA8
- DDD4B4
- E3DBC0
- E8E2CD
- EEEAD9
- F4F1E6
- F9F8F2
Ombre
- ADA070
- 93885F
- 7A714E
- 625B3E
- 4C452F
- 363120
- 211E12
- 0E0C06
- 020201
Toni
- C0B282
- B8AD83
- B1A783
- AAA183
- A39C82
- 9C9682
- 959182
- 8E8B81
- 878681
Armonie di colore
Complementare +180°
- C7B882
Yuma
- A9B5E8
≈ Perano
Analogo -30° +30°
- C7B882
Yuma
- DAAF87
≈ Porcini
- AEC18D
≈ Shrubbery
Triadico +120° +240°
- C7B882
Yuma
- 7FC5D5
≈ Water Flow
- D6A7CB
≈ Berry Popsicle
Complementare divisa +150° +210°
- C7B882
Yuma
- 90BEE4
≈ Toile Blue
- C2ADDF
≈ Perfume
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.97:1 · APCA Lc 38
Ag
AAASu nero
WCAG 10.60:1 · APCA Lc 64
Miglior colore del testo: #000000
WCAG 10.60:1 (AAA) · APCA Lc 64
Contrast pairs
Frammenti di codice
CSS
:root {
--yuma: #c7b882;
--yuma-rgb: 199 184 130;
--yuma-oklch: oklch(0.782 0.073 94.4);
}
.element {
color: var(--yuma);
background-color: hsl(47 38% 65%);
border-color: oklch(0.782 0.073 94.4);
}Tailwind CSS v4
@theme {
--color-yuma: #c7b882;
--color-yuma-50: #fbf6de;
--color-yuma-100: #efe8cd;
--color-yuma-200: #ddd5b2;
--color-yuma-300: #c2b88d;
--color-yuma-400: #ac9e6c;
--color-yuma-500: #96864b;
--color-yuma-600: #7f7140;
--color-yuma-700: #655a33;
--color-yuma-800: #4b4224;
--color-yuma-900: #342d18;
--color-yuma-950: #201a09;
}SCSS
$yuma: #c7b882;
$yuma-rgb: 199, 184, 130;
$yuma-light: mix(#fff, $yuma, 20%);
$yuma-dark: mix(#000, $yuma, 20%);
.element {
color: $yuma;
box-shadow: 0 0 0 2px rgba($yuma, 0.35);
}