Color con nombre · #E7B347
Aztec Glimmer
Aztec Glimmer es #E7B347: rgb(231 179 71), hsl(40 77% 59%), oklch(0.795 0.136 82.5). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Orange mean? → · Aztec Glimmer color name →
#E7B347
oklch(0.795 0.136 82.5)
Conversiones de color
- HEX
- #e7b347
- RGB
- rgb(231 179 71)
- HSL
- hsl(40 77% 59%)
- HWB
- hwb(40 28% 9%)
- OKLCH
- oklch(0.795 0.136 82.5)
- OKLab
- oklab(0.795 0.018 0.135)
- CIE Lab
- lab(76.36 11.74 60.31)
- LCH
- lch(76.36 61.44 79)
- CMYK
- cmyk(0% 23% 69% 9%)
Tintes · Sombras · Tonos
Tintes
- EABB5F
- ECC373
- EFCA86
- F1D299
- F4DAAA
- F6E1BB
- F8E9CD
- FBF0DD
- FDF8EE
Sombras
- C99B3D
- AB8432
- 8F6E28
- 73581F
- 594316
- 402F0D
- 281D06
- 130C02
- 030100
Tonos
- DCAE51
- D2A95A
- C7A461
- BD9F67
- B39A6D
- A89571
- 9E9076
- 948B7A
- 8A857D
Armonías de color
Complementario +180°
- E7B347
Aztec Glimmer
- 99BCFF
≈ Truesky Gloxym
Análogo -30° +30°
- E7B347
Aztec Glimmer
- FFA367
≈ Baby Melon
- BEC554
≈ Wild Willow
Triádico +120° +240°
- E7B347
Aztec Glimmer
- 00D5E2
≈ Aztec Turquoise
- E69EEF
≈ VIC 20 Pink
Complementario dividido +150° +210°
- E7B347
Aztec Glimmer
- 5CCAFF
≈ Skyan
- BEAFFF
≈ Winterspring Lilac
Tetrádico +90° +180° +270°
- E7B347
Aztec Glimmer
- 41D8B3
≈ Channel Marker Green
- 99BCFF
≈ Truesky Gloxym
- FF96C4
≈ Himalayan Balsam
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.92:1 · APCA Lc 37
Ag
AAASobre negro
WCAG 10.93:1 · APCA Lc 66
Mejor color de texto: #000000
WCAG 10.93:1 (AAA) · APCA Lc 66
Contrast pairs
Fragmentos de código
CSS
:root {
--aztec-glimmer: #e7b347;
--aztec-glimmer-rgb: 231 179 71;
--aztec-glimmer-oklch: oklch(0.795 0.136 82.5);
}
.element {
color: var(--aztec-glimmer);
background-color: hsl(40 77% 59%);
border-color: oklch(0.795 0.136 82.5);
}Tailwind CSS v4
@theme {
--color-aztec-glimmer: #e7b347;
--color-aztec-glimmer-50: #fff3c9;
--color-aztec-glimmer-100: #fde5b4;
--color-aztec-glimmer-200: #efd090;
--color-aztec-glimmer-300: #d8b261;
--color-aztec-glimmer-400: #c6962c;
--color-aztec-glimmer-500: #b27b00;
--color-aztec-glimmer-600: #966800;
--color-aztec-glimmer-700: #785300;
--color-aztec-glimmer-800: #5a3c00;
--color-aztec-glimmer-900: #3f2900;
--color-aztec-glimmer-950: #281700;
}SCSS
$aztec-glimmer: #e7b347;
$aztec-glimmer-rgb: 231, 179, 71;
$aztec-glimmer-light: mix(#fff, $aztec-glimmer, 20%);
$aztec-glimmer-dark: mix(#000, $aztec-glimmer, 20%);
.element {
color: $aztec-glimmer;
box-shadow: 0 0 0 2px rgba($aztec-glimmer, 0.35);
}