Warna bernama · #CBA135
Satin Sheen Gold
Satin Sheen Gold adalah #CBA135: rgb(203 161 53), hsl(43 59% 50%), oklch(0.729 0.131 86.6). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Yellow mean? → · Satin Sheen Gold color name →
#CBA135
oklch(0.729 0.131 86.6)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- D0AB50
- D6B466
- DBBE7B
- E0C78F
- E5D0A2
- EADAB5
- F0E3C7
- F5ECDA
- FAF6EC
Shade
- B08B2D
- 967625
- 7D621D
- 654E15
- 4D3C0E
- 372A08
- 221903
- 0F0901
- 020100
Tone
- C39E42
- BC9B4D
- B49856
- AD955E
- A59165
- 9E8E6B
- 968B71
- 8F8776
- 87847B
Harmoni warna
Komplementer +180°
- CBA135
Satin Sheen Gold
- 82A4FA
≈ Fennel Flower
Analog -30° +30°
- CBA135
Satin Sheen Gold
- E5904F
≈ Jasper Orange
- A2B249
≈ Elysian Green
Triadik +120° +240°
- CBA135
Satin Sheen Gold
- 00BDCE
≈ Holiday Blue
- D289D2
≈ Blush Essence
Split-komplementer +150° +210°
- CBA135
Satin Sheen Gold
- 46B3EE
≈ Lynx Screen Blue
- B095EF
≈ Dreamy Candy Forest
Tetradik +90° +180° +270°
- CBA135
Satin Sheen Gold
- 1FC2A5
≈ Jade Mountain
- 82A4FA
≈ Fennel Flower
- E883A9
≈ Aurora Pink
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 2.41:1 · APCA Lc 47
Ag
AAADi atas hitam
WCAG 8.68:1 · APCA Lc 55
Warna teks terbaik: #000000
WCAG 8.68:1 (AAA) · APCA Lc 55
Contrast pairs
Cuplikan kode
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);
}