Color con nombre · #D1A436
Kingdom Gold
Kingdom Gold es #D1A436: rgb(209 164 54), hsl(43 63% 52%), oklch(0.741 0.133 85.5). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Yellow mean? → · Kingdom Gold color name →
#D1A436
oklch(0.741 0.133 85.5)
Conversiones de color
- HEX
- #d1a436
- RGB
- rgb(209 164 54)
- HSL
- hsl(43 63% 52%)
- HWB
- hwb(43 21% 18%)
- OKLCH
- oklch(0.741 0.133 85.5)
- OKLab
- oklab(0.741 0.01 0.133)
- CIE Lab
- lab(70.19 9.38 60.2)
- LCH
- lch(70.19 60.93 81.1)
- CMYK
- cmyk(0% 22% 74% 18%)
Tintes · Sombras · Tonos
Tintes
- D6AD51
- DAB768
- DFC07C
- E4C990
- E8D2A3
- EDDBB5
- F1E4C8
- F6EDDA
- FBF6ED
Sombras
- B58E2E
- 9B7925
- 81641E
- 685016
- 503D0F
- 392B08
- 231A03
- 100A01
- 020100
Tonos
- C9A143
- C09D4E
- B89A57
- B0965F
- A89366
- A08F6C
- 988B71
- 908877
- 88847C
Armonías de color
Complementario +180°
- D1A436
Kingdom Gold
- 83A8FF
≈ Fennel Flower
Análogo -30° +30°
- D1A436
Kingdom Gold
- EB9352
≈ Bronze Cup
- A8B549
≈ Azeitona
Triádico +120° +240°
- D1A436
Kingdom Gold
- 00C1D2
≈ The Crowd Roars!
- D68CD9
≈ Blush Essence
Complementario dividido +150° +210°
- D1A436
Kingdom Gold
- 44B7F3
≈ Megaman
- B299F6
≈ Dreamy Candy Forest
Tetrádico +90° +180° +270°
- D1A436
Kingdom Gold
- 23C6A7
≈ Jadeite
- 83A8FF
≈ Fennel Flower
- EC86AF
≈ Brown Knapweed
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.31:1 · APCA Lc 45
Ag
AAASobre negro
WCAG 9.07:1 · APCA Lc 57
Mejor color de texto: #000000
WCAG 9.07:1 (AAA) · APCA Lc 57
Contrast pairs
Fragmentos de código
CSS
:root {
--kingdom-gold: #d1a436;
--kingdom-gold-rgb: 209 164 54;
--kingdom-gold-oklch: oklch(0.741 0.133 85.5);
}
.element {
color: var(--kingdom-gold);
background-color: hsl(43 63% 52%);
border-color: oklch(0.741 0.133 85.5);
}Tailwind CSS v4
@theme {
--color-kingdom-gold: #d1a436;
--color-kingdom-gold-50: #fff4ca;
--color-kingdom-gold-100: #fbe6b6;
--color-kingdom-gold-200: #ecd192;
--color-kingdom-gold-300: #d4b363;
--color-kingdom-gold-400: #c29830;
--color-kingdom-gold-500: #ae7d00;
--color-kingdom-gold-600: #936a00;
--color-kingdom-gold-700: #765500;
--color-kingdom-gold-800: #583d00;
--color-kingdom-gold-900: #3e2a00;
--color-kingdom-gold-950: #271700;
}SCSS
$kingdom-gold: #d1a436;
$kingdom-gold-rgb: 209, 164, 54;
$kingdom-gold-light: mix(#fff, $kingdom-gold, 20%);
$kingdom-gold-dark: mix(#000, $kingdom-gold, 20%);
.element {
color: $kingdom-gold;
box-shadow: 0 0 0 2px rgba($kingdom-gold, 0.35);
}