Colore con nome · #CBA135
Satin Sheen Gold
Satin Sheen Gold è #CBA135: rgb(203 161 53), hsl(43 59% 50%), oklch(0.729 0.131 86.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Satin Sheen Gold color name →
#CBA135
oklch(0.729 0.131 86.6)
Conversioni di colore
- HEX
- #cba135
- RGB
- rgb(203 161 53)
- HSL
- hsl(43 59% 50%)
- HWB
- hwb(43 21% 20%)
- OKLCH
- oklch(0.729 0.131 86.6)
- OKLab
- oklab(0.729 0.008 0.13)
- CIE Lab
- lab(68.79 8.28 59.01)
- LCH
- lch(68.79 59.59 82)
- CMYK
- cmyk(0% 21% 74% 20%)
Tinte · Ombre · Toni
Tinte
- D0AB50
- D6B466
- DBBE7B
- E0C78F
- E5D0A2
- EADAB5
- F0E3C7
- F5ECDA
- FAF6EC
Ombre
- B08B2D
- 967625
- 7D621D
- 654E15
- 4D3C0E
- 372A08
- 221903
- 0F0901
- 020100
Toni
- C39E42
- BC9B4D
- B49856
- AD955E
- A59165
- 9E8E6B
- 968B71
- 8F8776
- 87847B
Armonie di colore
Complementare +180°
- CBA135
Satin Sheen Gold
- 82A4FA
≈ Fennel Flower
Analogo -30° +30°
- CBA135
Satin Sheen Gold
- E5904F
≈ Jasper Orange
- A2B249
≈ Elysian Green
Triadico +120° +240°
- CBA135
Satin Sheen Gold
- 00BDCE
≈ Holiday Blue
- D289D2
≈ Blush Essence
Complementare divisa +150° +210°
- CBA135
Satin Sheen Gold
- 46B3EE
≈ Lynx Screen Blue
- B095EF
≈ Dreamy Candy Forest
Tetradico +90° +180° +270°
- CBA135
Satin Sheen Gold
- 1FC2A5
≈ Jade Mountain
- 82A4FA
≈ Fennel Flower
- E883A9
≈ Aurora Pink
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.41:1 · APCA Lc 47
Ag
AAASu nero
WCAG 8.68:1 · APCA Lc 55
Miglior colore del testo: #000000
WCAG 8.68:1 (AAA) · APCA Lc 55
Contrast pairs
Frammenti di codice
CSS
:root {
--satin-sheen-gold: #cba135;
--satin-sheen-gold-rgb: 203 161 53;
--satin-sheen-gold-oklch: oklch(0.729 0.131 86.6);
}
.element {
color: var(--satin-sheen-gold);
background-color: hsl(43 59% 50%);
border-color: oklch(0.729 0.131 86.6);
}Tailwind CSS v4
@theme {
--color-satin-sheen-gold: #cba135;
--color-satin-sheen-gold-50: #fff4cb;
--color-satin-sheen-gold-100: #fae6b7;
--color-satin-sheen-gold-200: #ebd293;
--color-satin-sheen-gold-300: #d3b465;
--color-satin-sheen-gold-400: #c09834;
--color-satin-sheen-gold-500: #ac7e00;
--color-satin-sheen-gold-600: #916b00;
--color-satin-sheen-gold-700: #745500;
--color-satin-sheen-gold-800: #573e00;
--color-satin-sheen-gold-900: #3d2a00;
--color-satin-sheen-gold-950: #261800;
}SCSS
$satin-sheen-gold: #cba135;
$satin-sheen-gold-rgb: 203, 161, 53;
$satin-sheen-gold-light: mix(#fff, $satin-sheen-gold, 20%);
$satin-sheen-gold-dark: mix(#000, $satin-sheen-gold, 20%);
.element {
color: $satin-sheen-gold;
box-shadow: 0 0 0 2px rgba($satin-sheen-gold, 0.35);
}