Color con nombre · #E2681B
Brihaspati Orange
Brihaspati Orange es #E2681B: rgb(226 104 27), hsl(23 79% 50%), oklch(0.656 0.172 46.8). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Orange mean? → · Brihaspati Orange color name →
#E2681B
oklch(0.656 0.172 46.8)
Conversiones de color
- HEX
- #e2681b
- RGB
- rgb(226 104 27)
- HSL
- hsl(23 79% 50%)
- HWB
- hwb(23 11% 11%)
- OKLCH
- oklch(0.656 0.172 46.8)
- OKLab
- oklab(0.656 0.118 0.125)
- CIE Lab
- lab(58.89 45.85 61.53)
- LCH
- lch(58.89 76.73 53.3)
- CMYK
- cmyk(0% 54% 88% 11%)
Tintes · Sombras · Tonos
Tintes
- E7793D
- EB8856
- EF986D
- F3A782
- F6B697
- F9C5AC
- FBD3C1
- FDE2D5
- FEF0EA
Sombras
- C45916
- A84B11
- 8C3E0C
- 713008
- 572405
- 3E1802
- 270C01
- 120400
- 030000
Tonos
- D96C2F
- D0703D
- C77348
- BD7652
- B4785B
- AA7A63
- A07C6B
- 967E72
- 8B7F79
Armonías de color
Complementario +180°
- E2681B
Brihaspati Orange
- 009FCC
≈ Blue Ocean
Análogo -30° +30°
- E2681B
Brihaspati Orange
- E65C6B
≈ Lovely Little Rosy
- BF8400
≈ Yellow Gold
Triádico +120° +240°
- E2681B
Brihaspati Orange
- 00AA7F
≈ Simply Green
- 8C7CF3
≈ Periwinkle
Complementario dividido +150° +210°
- E2681B
Brihaspati Orange
- 00A5A8
≈ Wax Crayon Blue
- 4390F7
≈ Clear Chill
Tetrádico +90° +180° +270°
- E2681B
Brihaspati Orange
- 5AA82F
≈ Ballyhoo
- 009FCC
≈ Blue Ocean
- BA6BD6
≈ Lavender
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 3.37:1 · APCA Lc 60
Ag
AASobre negro
WCAG 6.22:1 · APCA Lc 41
Mejor color de texto: #000000
WCAG 6.22:1 (AA) · APCA Lc 41
Contrast pairs
Fragmentos de código
CSS
:root {
--brihaspati-orange: #e2681b;
--brihaspati-orange-rgb: 226 104 27;
--brihaspati-orange-oklch: oklch(0.656 0.172 46.8);
}
.element {
color: var(--brihaspati-orange);
background-color: hsl(23 79% 50%);
border-color: oklch(0.656 0.172 46.8);
}Tailwind CSS v4
@theme {
--color-brihaspati-orange: #e2681b;
--color-brihaspati-orange-50: #ffe7ca;
--color-brihaspati-orange-100: #ffd8b6;
--color-brihaspati-orange-200: #ffbe92;
--color-brihaspati-orange-300: #fe9b64;
--color-brihaspati-orange-400: #ee7938;
--color-brihaspati-orange-500: #dc5600;
--color-brihaspati-orange-600: #ba4a00;
--color-brihaspati-orange-700: #963b00;
--color-brihaspati-orange-800: #702900;
--color-brihaspati-orange-900: #4f1c00;
--color-brihaspati-orange-950: #340b00;
}SCSS
$brihaspati-orange: #e2681b;
$brihaspati-orange-rgb: 226, 104, 27;
$brihaspati-orange-light: mix(#fff, $brihaspati-orange, 20%);
$brihaspati-orange-dark: mix(#000, $brihaspati-orange, 20%);
.element {
color: $brihaspati-orange;
box-shadow: 0 0 0 2px rgba($brihaspati-orange, 0.35);
}