Color con nombre · #B03060
Blood Thorn
Blood Thorn es #B03060: rgb(176 48 96), hsl(338 57% 44%), oklch(0.518 0.168 2.4). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Red mean? → · Blood Thorn color name →
#B03060
oklch(0.518 0.168 2.4)
Conversiones de color
- HEX
- #b03060
- RGB
- rgb(176 48 96)
- HSL
- hsl(338 57% 44%)
- HWB
- hwb(338 19% 31%)
- OKLCH
- oklch(0.518 0.168 2.4)
- OKLab
- oklab(0.518 0.168 0.007)
- CIE Lab
- lab(41.98 54.41 3.55)
- LCH
- lch(41.98 54.53 3.7)
- CMYK
- cmyk(0% 73% 45% 31%)
Tintes · Sombras · Tonos
Tintes
- BA486F
- C45E7D
- CD738D
- D6879C
- DE9BAC
- E6AEBC
- EDC2CC
- F4D6DD
- FAEBEE
Sombras
- 992852
- 822145
- 6C1A38
- 56132C
- 420C20
- 2E0615
- 1C030A
- 0B0103
- 010000
Tonos
- AD3C63
- A94666
- A64F69
- A1576D
- 9D5F70
- 986673
- 936D76
- 8D7379
- 877A7D
Armonías de color
Complementario +180°
- B03060
Blood Thorn
- 00796D
≈ Pond Moss
Análogo -30° +30°
- B03060
Blood Thorn
- 9D3A92
≈ Purple Cactus Flower
- B4351E
≈ Smouldering
Triádico +120° +240°
- B03060
Blood Thorn
- 5C7300
≈ Topiary Green
- 006EA9
≈ Bowen Blue
Complementario dividido +150° +210°
- B03060
Blood Thorn
- 007D3F
≈ Tokiwa Green
- 007587
≈ Glamour Green
Tetrádico +90° +180° +270°
- B03060
Blood Thorn
- 7E6600
≈ Arousing Alligator
- 00796D
≈ Pond Moss
- 4A5BC7
≈ Free Speech Blue
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 6.10:1 · APCA Lc 79
Ag
FailSobre negro
WCAG 3.43:1 · APCA Lc 22
Mejor color de texto: #FFFFFF
WCAG 6.10:1 (AA) · APCA Lc 79
Contrast pairs
Fragmentos de código
CSS
:root {
--blood-thorn: #b03060;
--blood-thorn-rgb: 176 48 96;
--blood-thorn-oklch: oklch(0.518 0.168 2.4);
}
.element {
color: var(--blood-thorn);
background-color: hsl(338 57% 44%);
border-color: oklch(0.518 0.168 2.4);
}Tailwind CSS v4
@theme {
--color-blood-thorn: #b03060;
--color-blood-thorn-50: #ffe2ef;
--color-blood-thorn-100: #ffd1e1;
--color-blood-thorn-200: #ffb6cb;
--color-blood-thorn-300: #fe91ad;
--color-blood-thorn-400: #ec6f96;
--color-blood-thorn-500: #da497d;
--color-blood-thorn-600: #b83f6a;
--color-blood-thorn-700: #943354;
--color-blood-thorn-800: #6e2340;
--color-blood-thorn-900: #4d182c;
--color-blood-thorn-950: #330819;
}SCSS
$blood-thorn: #b03060;
$blood-thorn-rgb: 176, 48, 96;
$blood-thorn-light: mix(#fff, $blood-thorn, 20%);
$blood-thorn-dark: mix(#000, $blood-thorn, 20%);
.element {
color: $blood-thorn;
box-shadow: 0 0 0 2px rgba($blood-thorn, 0.35);
}