Color con nombre · #CDC50A
Dirty Yellow
Dirty Yellow es #CDC50A: rgb(205 197 10), hsl(58 91% 42%), oklch(0.804 0.171 106.7). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Yellow mean? → · Dirty Yellow color name →
#CDC50A
oklch(0.804 0.171 106.7)
Conversiones de color
- HEX
- #cdc50a
- RGB
- rgb(205 197 10)
- HSL
- hsl(58 91% 42%)
- HWB
- hwb(58 4% 20%)
- OKLCH
- oklch(0.804 0.171 106.7)
- OKLab
- oklab(0.804 -0.049 0.164)
- CIE Lab
- lab(78.24 -9.5 76.81)
- LCH
- lch(78.24 77.4 97.1)
- CMYK
- cmyk(0% 4% 95% 20%)
Tintes · Sombras · Tonos
Tintes
- D2CB42
- D6D15F
- DBD777
- E0DD8C
- E5E3A1
- EAE9B4
- EFEFC7
- F4F4DA
- FAFAED
Sombras
- B2AB07
- 989205
- 7E7903
- 666102
- 4E4B01
- 383501
- 232100
- 0F0E00
- 020200
Tonos
- C5BE30
- BDB742
- B5B150
- ADAA5A
- A5A363
- 9D9C6A
- 969571
- 8E8E76
- 87877B
Armonías de color
Complementario +180°
- CDC50A
Dirty Yellow
- BAB5FF
≈ Greyish Lavender
Análogo -30° +30°
- CDC50A
Dirty Yellow
- FBAE00
≈ Lemon Chrome
- 88D863
≈ Lilliputian Lime
Triádico +120° +240°
- CDC50A
Dirty Yellow
- 4FCFFF
≈ Thor’s Thunder
- FF99D1
≈ Himalayan Balsam
Complementario dividido +150° +210°
- CDC50A
Dirty Yellow
- 95C2FF
≈ Pastel Blue
- E59FFF
≈ Medium Lavender Magenta
Tetrádico +90° +180° +270°
- CDC50A
Dirty Yellow
- 00DADD
≈ Fish Boy
- BAB5FF
≈ Greyish Lavender
- FFA1A5
≈ Strawberry Frappé
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.81:1 · APCA Lc 34
Ag
AAASobre negro
WCAG 11.58:1 · APCA Lc 69
Mejor color de texto: #000000
WCAG 11.58:1 (AAA) · APCA Lc 69
Contrast pairs
Fragmentos de código
CSS
:root {
--dirty-yellow: #cdc50a;
--dirty-yellow-rgb: 205 197 10;
--dirty-yellow-oklch: oklch(0.804 0.171 106.7);
}
.element {
color: var(--dirty-yellow);
background-color: hsl(58 91% 42%);
border-color: oklch(0.804 0.171 106.7);
}Tailwind CSS v4
@theme {
--color-dirty-yellow: #cdc50a;
--color-dirty-yellow-50: #f9fac1;
--color-dirty-yellow-100: #ecedaa;
--color-dirty-yellow-200: #dada82;
--color-dirty-yellow-300: #bfbe4b;
--color-dirty-yellow-400: #aba300;
--color-dirty-yellow-500: #968a00;
--color-dirty-yellow-600: #7e7500;
--color-dirty-yellow-700: #655e00;
--color-dirty-yellow-800: #4c4400;
--color-dirty-yellow-900: #352f00;
--color-dirty-yellow-950: #201b00;
}SCSS
$dirty-yellow: #cdc50a;
$dirty-yellow-rgb: 205, 197, 10;
$dirty-yellow-light: mix(#fff, $dirty-yellow, 20%);
$dirty-yellow-dark: mix(#000, $dirty-yellow, 20%);
.element {
color: $dirty-yellow;
box-shadow: 0 0 0 2px rgba($dirty-yellow, 0.35);
}