Color con nombre · #FFCC77
Cheesus
Cheesus es #FFCC77: rgb(255 204 119), hsl(38 100% 73%), oklch(0.873 0.118 79). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Orange mean? → · Cheesus color name →
#FFCC77
oklch(0.873 0.118 79)
Conversiones de color
- HEX
- #ffcc77
- RGB
- rgb(255 204 119)
- HSL
- hsl(38 100% 73%)
- HWB
- hwb(38 47% 0%)
- OKLCH
- oklch(0.873 0.118 79)
- OKLab
- oklab(0.873 0.023 0.116)
- CIE Lab
- lab(85.33 11.53 49.12)
- LCH
- lch(85.33 50.46 76.8)
- CMYK
- cmyk(0% 20% 53% 0%)
Tintes · Sombras · Tonos
Tintes
- FFD186
- FFD795
- FFDCA3
- FFE1B1
- FFE6BE
- FFEBCB
- FFF0D8
- FFF5E5
- FFFAF2
Sombras
- DEB167
- BE9757
- 9E7E47
- 806538
- 634E2A
- 48371C
- 2E2210
- 160F05
- 030201
Tonos
- F2C47A
- E5BD7C
- D8B57D
- CBAD7F
- BEA680
- B19E80
- A59781
- 988F81
- 8C8880
Armonías de color
Complementario +180°
- FFCC77
Cheesus
- BDD7FF
≈ Oh Boy!
Análogo -30° +30°
- FFCC77
Cheesus
- FFC7AA
≈ Bright Citrus
- DBDC7D
≈ Carolina Parakeet
Triádico +120° +240°
- FFCC77
Cheesus
- 64EDF2
≈ Poseidon Jr.
- F2C1FF
≈ Light Lavender
Complementario dividido +150° +210°
- FFCC77
Cheesus
- 9EE0FF
≈ Columbia Blue
- D3CFFF
≈ Pale Lavender
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.48:1 · APCA Lc 23
Ag
AAASobre negro
WCAG 14.15:1 · APCA Lc 81
Mejor color de texto: #000000
WCAG 14.15:1 (AAA) · APCA Lc 81
Contrast pairs
Fragmentos de código
CSS
:root {
--cheesus: #ffcc77;
--cheesus-rgb: 255 204 119;
--cheesus-oklch: oklch(0.873 0.118 79);
}
.element {
color: var(--cheesus);
background-color: hsl(38 100% 73%);
border-color: oklch(0.873 0.118 79);
}Tailwind CSS v4
@theme {
--color-cheesus: #ffcc77;
--color-cheesus-50: #fff2d0;
--color-cheesus-100: #fce5bc;
--color-cheesus-200: #eed09b;
--color-cheesus-300: #d6b16f;
--color-cheesus-400: #c49645;
--color-cheesus-500: #b07b00;
--color-cheesus-600: #946807;
--color-cheesus-700: #775308;
--color-cheesus-800: #593c04;
--color-cheesus-900: #3e2904;
--color-cheesus-950: #271700;
}SCSS
$cheesus: #ffcc77;
$cheesus-rgb: 255, 204, 119;
$cheesus-light: mix(#fff, $cheesus, 20%);
$cheesus-dark: mix(#000, $cheesus, 20%);
.element {
color: $cheesus;
box-shadow: 0 0 0 2px rgba($cheesus, 0.35);
}