Color con nombre · #EAA007
Rowdy Orange
Rowdy Orange es #EAA007: rgb(234 160 7), hsl(40 94% 47%), oklch(0.759 0.159 75.5). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Orange mean? → · Rowdy Orange color name →
#EAA007
oklch(0.759 0.159 75.5)
Conversiones de color
- HEX
- #eaa007
- RGB
- rgb(234 160 7)
- HSL
- hsl(40 94% 47%)
- HWB
- hwb(40 3% 8%)
- OKLCH
- oklch(0.759 0.159 75.5)
- OKLab
- oklab(0.759 0.04 0.154)
- CIE Lab
- lab(71.91 21.3 74.56)
- LCH
- lch(71.91 77.54 74.1)
- CMYK
- cmyk(0% 32% 97% 8%)
Tintes · Sombras · Tonos
Tintes
- EDAA3D
- EFB45A
- F2BE72
- F4C788
- F6D19D
- F8DAB1
- FAE3C5
- FCEDD8
- FEF6EC
Sombras
- CB8B05
- AE7604
- 916102
- 754E02
- 5A3B01
- 412900
- 291900
- 130900
- 030100
Tonos
- DF9D2D
- D59B3F
- CA984C
- BF9556
- B5915F
- AA8E67
- A08B6E
- 958775
- 8B847B
Armonías de color
Complementario +180°
- EAA007
Rowdy Orange
- 7AB3FF
≈ French Sky Blue
Análogo -30° +30°
- EAA007
Rowdy Orange
- FF8E57
≈ Fire Orange
- C0B610
≈ Olive Yellow
Triádico +120° +240°
- EAA007
Rowdy Orange
- 00CACB
≈ Tilla Kari Mosque
- D78FF5
≈ Bright Lilac
Complementario dividido +150° +210°
- EAA007
Rowdy Orange
- 00C3F6
≈ Spiro Disco Ball
- A9A4FF
≈ Shy Moment
Tetrádico +90° +180° +270°
- EAA007
Rowdy Orange
- 00D098
≈ Caribbean Green
- 7AB3FF
≈ French Sky Blue
- F684C7
≈ Tea Rose
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.20:1 · APCA Lc 43
Ag
AAASobre negro
WCAG 9.52:1 · APCA Lc 59
Mejor color de texto: #000000
WCAG 9.52:1 (AAA) · APCA Lc 59
Contrast pairs
Fragmentos de código
CSS
:root {
--rowdy-orange: #eaa007;
--rowdy-orange-rgb: 234 160 7;
--rowdy-orange-oklch: oklch(0.759 0.159 75.5);
}
.element {
color: var(--rowdy-orange);
background-color: hsl(40 94% 47%);
border-color: oklch(0.759 0.159 75.5);
}Tailwind CSS v4
@theme {
--color-rowdy-orange: #eaa007;
--color-rowdy-orange-50: #fff0c3;
--color-rowdy-orange-100: #ffe2ac;
--color-rowdy-orange-200: #facc85;
--color-rowdy-orange-300: #e4ac50;
--color-rowdy-orange-400: #d48f00;
--color-rowdy-orange-500: #c17200;
--color-rowdy-orange-600: #a36100;
--color-rowdy-orange-700: #834d00;
--color-rowdy-orange-800: #623700;
--color-rowdy-orange-900: #452600;
--color-rowdy-orange-950: #2c1400;
}SCSS
$rowdy-orange: #eaa007;
$rowdy-orange-rgb: 234, 160, 7;
$rowdy-orange-light: mix(#fff, $rowdy-orange, 20%);
$rowdy-orange-dark: mix(#000, $rowdy-orange, 20%);
.element {
color: $rowdy-orange;
box-shadow: 0 0 0 2px rgba($rowdy-orange, 0.35);
}