Cor nomeada · #EAAE47
Brittlebush
Brittlebush é #EAAE47: rgb(234 174 71), hsl(38 80% 60%), oklch(0.789 0.136 77.7). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Brittlebush color name →
#EAAE47
oklch(0.789 0.136 77.7)
Conversões de cor
- HEX
- #eaae47
- RGB
- rgb(234 174 71)
- HSL
- hsl(38 80% 60%)
- HWB
- hwb(38 28% 8%)
- OKLCH
- oklch(0.789 0.136 77.7)
- OKLab
- oklab(0.789 0.029 0.133)
- CIE Lab
- lab(75.47 15.51 59.55)
- LCH
- lch(75.47 61.54 75.4)
- CMYK
- cmyk(0% 26% 70% 8%)
Tons claros · Sombras · Tons
Tons claros
- EDB65E
- EFBF73
- F1C786
- F3CF98
- F6D7AA
- F8DFBB
- FAE7CC
- FCEFDD
- FDF7EE
Sombras
- CB973D
- AE8032
- 916A28
- 75551F
- 5A4116
- 412E0D
- 291C06
- 130B02
- 030100
Tons
- DFAA51
- D4A559
- CAA161
- BF9C67
- B4986C
- AA9371
- 9F8E75
- 958A79
- 8A857D
Harmonias de cor
Complementar +180°
- EAAE47
Brittlebush
- 8EBCFF
≈ Scenic Water
Análoga -30° +30°
- EAAE47
Brittlebush
- FF9E6C
≈ Fresh Cantaloupe
- C3C04D
≈ Anime
Tríade +120° +240°
- EAAE47
Brittlebush
- 00D4D9
≈ Aztec Turquoise
- DE9DF3
≈ Medium Lavender Magenta
Complementar dividida +150° +210°
- EAAE47
Brittlebush
- 3FCAFE
≈ Thor’s Thunder
- B6AFFF
≈ Winterspring Lilac
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.97:1 · APCA Lc 38
Ag
AAASobre preto
WCAG 10.64:1 · APCA Lc 65
Melhor cor de texto: #000000
WCAG 10.64:1 (AAA) · APCA Lc 65
Contrast pairs
Trechos de código
CSS
:root {
--brittlebush: #eaae47;
--brittlebush-rgb: 234 174 71;
--brittlebush-oklch: oklch(0.789 0.136 77.7);
}
.element {
color: var(--brittlebush);
background-color: hsl(38 80% 60%);
border-color: oklch(0.789 0.136 77.7);
}Tailwind CSS v4
@theme {
--color-brittlebush: #eaae47;
--color-brittlebush-50: #fff2ca;
--color-brittlebush-100: #ffe4b5;
--color-brittlebush-200: #f3ce91;
--color-brittlebush-300: #dcaf62;
--color-brittlebush-400: #ca932f;
--color-brittlebush-500: #b77700;
--color-brittlebush-600: #9a6500;
--color-brittlebush-700: #7c5100;
--color-brittlebush-800: #5d3a00;
--color-brittlebush-900: #412800;
--color-brittlebush-950: #2a1600;
}SCSS
$brittlebush: #eaae47;
$brittlebush-rgb: 234, 174, 71;
$brittlebush-light: mix(#fff, $brittlebush, 20%);
$brittlebush-dark: mix(#000, $brittlebush, 20%);
.element {
color: $brittlebush;
box-shadow: 0 0 0 2px rgba($brittlebush, 0.35);
}