Color con nombre · #A33D3B
Bijou Red
Bijou Red es #A33D3B: rgb(163 61 59), hsl(1 47% 44%), oklch(0.502 0.136 24.4). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Red mean? → · Bijou Red color name →
#A33D3B
oklch(0.502 0.136 24.4)
Conversiones de color
- HEX
- #a33d3b
- RGB
- rgb(163 61 59)
- HSL
- hsl(1 47% 44%)
- HWB
- hwb(1 23% 36%)
- OKLCH
- oklch(0.502 0.136 24.4)
- OKLab
- oklab(0.502 0.124 0.056)
- CIE Lab
- lab(40.83 42.86 24.54)
- LCH
- lch(40.83 49.39 29.8)
- CMYK
- cmyk(0% 63% 64% 36%)
Tintes · Sombras · Tonos
Tintes
- AE514D
- B96560
- C37873
- CD8B86
- D69E99
- DFB1AD
- E8C4C1
- F0D8D5
- F8EBEA
Sombras
- 8D3432
- 782B29
- 632221
- 4F1A19
- 3C1211
- 2A0A09
- 190404
- 0A0101
- 010000
Tonos
- A14642
- 9E4D49
- 9C5550
- 995B57
- 96625E
- 926865
- 8E6F6C
- 8A7472
- 857A79
Armonías de color
Complementario +180°
- A33D3B
Bijou Red
- 00717A
≈ Scurf Green
Análogo -30° +30°
- A33D3B
Bijou Red
- 9C3C68
≈ Dynamo
- 984C00
≈ Brownie
Triádico +120° +240°
- A33D3B
Bijou Red
- 25772B
≈ Intermediate Green
- 3C5FB0
≈ Kakitsubata Blue
Complementario dividido +150° +210°
- A33D3B
Bijou Red
- 007560
≈ Tropical Rainforest
- 006C97
≈ Cairns
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 6.38:1 · APCA Lc 81
Ag
FailSobre negro
WCAG 3.28:1 · APCA Lc 21
Mejor color de texto: #FFFFFF
WCAG 6.38:1 (AA) · APCA Lc 81
Contrast pairs
Fragmentos de código
CSS
:root {
--bijou-red: #a33d3b;
--bijou-red-rgb: 163 61 59;
--bijou-red-oklch: oklch(0.502 0.136 24.4);
}
.element {
color: var(--bijou-red);
background-color: hsl(1 47% 44%);
border-color: oklch(0.502 0.136 24.4);
}Tailwind CSS v4
@theme {
--color-bijou-red: #a33d3b;
--color-bijou-red-50: #ffe7e1;
--color-bijou-red-100: #ffd7d0;
--color-bijou-red-200: #ffbeb6;
--color-bijou-red-300: #f59c92;
--color-bijou-red-400: #e47c76;
--color-bijou-red-500: #d15c58;
--color-bijou-red-600: #b04e4b;
--color-bijou-red-700: #8e3f3b;
--color-bijou-red-800: #6a2c2c;
--color-bijou-red-900: #4a1e1e;
--color-bijou-red-950: #310d0e;
}SCSS
$bijou-red: #a33d3b;
$bijou-red-rgb: 163, 61, 59;
$bijou-red-light: mix(#fff, $bijou-red, 20%);
$bijou-red-dark: mix(#000, $bijou-red, 20%);
.element {
color: $bijou-red;
box-shadow: 0 0 0 2px rgba($bijou-red, 0.35);
}