Colore con nome · #C2A84B
Deadsy
Deadsy è #C2A84B: rgb(194 168 75), hsl(47 49% 53%), oklch(0.736 0.116 93.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Deadsy color name →
#C2A84B
oklch(0.736 0.116 93.7)
Conversioni di colore
- HEX
- #c2a84b
- RGB
- rgb(194 168 75)
- HSL
- hsl(47 49% 53%)
- HWB
- hwb(47 29% 24%)
- OKLCH
- oklch(0.736 0.116 93.7)
- OKLab
- oklab(0.736 -0.008 0.116)
- CIE Lab
- lab(69.82 1.75 50.41)
- LCH
- lch(69.82 50.44 88)
- CMYK
- cmyk(0% 13% 61% 24%)
Tinte · Ombre · Toni
Tinte
- C8B160
- CEB973
- D4C285
- DACB97
- E0D4A9
- E6DCBA
- ECE5CB
- F3EEDD
- F9F6EE
Ombre
- A89240
- 8F7C35
- 77672B
- 605221
- 493F17
- 342C0E
- 201A06
- 0E0A02
- 020100
Toni
- BBA453
- B4A05A
- AE9C61
- A79866
- A0946C
- 9A9070
- 938C75
- 8D8879
- 86847D
Armonie di colore
Complementare +180°
- C2A84B
Deadsy
- 92A4F3
≈ Cold Lips
Analogo -30° +30°
- C2A84B
Deadsy
- DD9956
≈ Shawarma
- 9BB660
≈ Light Birch Green
Triadico +120° +240°
- C2A84B
Deadsy
- 36BCD6
≈ Holiday Blue
- D68DC8
≈ Cyclamen
Complementare divisa +150° +210°
- C2A84B
Deadsy
- 64B1ED
≈ Blue Jeans
- B997E5
≈ Bright Lavender
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.33:1 · APCA Lc 46
Ag
AAASu nero
WCAG 8.99:1 · APCA Lc 56
Miglior colore del testo: #000000
WCAG 8.99:1 (AAA) · APCA Lc 56
Contrast pairs
Frammenti di codice
CSS
:root {
--deadsy: #c2a84b;
--deadsy-rgb: 194 168 75;
--deadsy-oklch: oklch(0.736 0.116 93.7);
}
.element {
color: var(--deadsy);
background-color: hsl(47 49% 53%);
border-color: oklch(0.736 0.116 93.7);
}Tailwind CSS v4
@theme {
--color-deadsy: #c2a84b;
--color-deadsy-50: #fff6d0;
--color-deadsy-100: #f3e8bd;
--color-deadsy-200: #e3d59c;
--color-deadsy-300: #c9b771;
--color-deadsy-400: #b59d46;
--color-deadsy-500: #a08300;
--color-deadsy-600: #876f08;
--color-deadsy-700: #6c5908;
--color-deadsy-800: #514004;
--color-deadsy-900: #382c03;
--color-deadsy-950: #231900;
}SCSS
$deadsy: #c2a84b;
$deadsy-rgb: 194, 168, 75;
$deadsy-light: mix(#fff, $deadsy, 20%);
$deadsy-dark: mix(#000, $deadsy, 20%);
.element {
color: $deadsy;
box-shadow: 0 0 0 2px rgba($deadsy, 0.35);
}