Color con nombre · #FB4D46
Tart Orange
Tart Orange es #FB4D46: rgb(251 77 70), hsl(2 96% 63%), oklch(0.666 0.212 26.9). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Red mean? → · Tart Orange color name →
#FB4D46
oklch(0.666 0.212 26.9)
Conversiones de color
- HEX
- #fb4d46
- RGB
- rgb(251 77 70)
- HSL
- hsl(2 96% 63%)
- HWB
- hwb(2 27% 2%)
- OKLCH
- oklch(0.666 0.212 26.9)
- OKLab
- oklab(0.666 0.189 0.096)
- CIE Lab
- lab(59.12 66.33 44.05)
- LCH
- lch(59.12 79.63 33.6)
- CMYK
- cmyk(0% 69% 72% 2%)
Tintes · Sombras · Tonos
Tintes
- FE645A
- FF786C
- FF8B7F
- FF9C91
- FFADA3
- FFBEB5
- FFCFC7
- FFDFDA
- FFEFEC
Sombras
- DA423C
- BA3732
- 9C2C28
- 7E221E
- 611815
- 460F0D
- 2D0705
- 150202
- 030000
Tonos
- F0574E
- E55E55
- D9655B
- CE6B61
- C27067
- B6746C
- A97871
- 9C7B76
- 8F7E7B
Armonías de color
Complementario +180°
- FB4D46
Tart Orange
- 00A7B7
≈ Bluebird
Análogo -30° +30°
- FB4D46
Tart Orange
- F14B96
≈ Tutuji Pink
- DB7500
≈ Orange Outburst
Triádico +120° +240°
- FB4D46
Tart Orange
- 00B240
≈ Billiards Cloth
- 638CFF
≈ Deep Denim
Complementario dividido +150° +210°
- FB4D46
Tart Orange
- 00AC92
≈ Hobgoblin
- 009FE1
≈ Vanadyl Blue
Tetrádico +90° +180° +270°
- FB4D46
Tart Orange
- 8E9F00
≈ Noxious
- 00A7B7
≈ Bluebird
- A371FF
≈ Purple Illusionist
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 3.35:1 · APCA Lc 60
Ag
AASobre negro
WCAG 6.25:1 · APCA Lc 42
Mejor color de texto: #000000
WCAG 6.25:1 (AA) · APCA Lc 42
Contrast pairs
Fragmentos de código
CSS
:root {
--tart-orange: #fb4d46;
--tart-orange-rgb: 251 77 70;
--tart-orange-oklch: oklch(0.666 0.212 26.9);
}
.element {
color: var(--tart-orange);
background-color: hsl(2 96% 63%);
border-color: oklch(0.666 0.212 26.9);
}Tailwind CSS v4
@theme {
--color-tart-orange: #fb4d46;
--color-tart-orange-50: #ffdfd3;
--color-tart-orange-100: #ffcdbf;
--color-tart-orange-200: #ffb0a0;
--color-tart-orange-300: #ff8877;
--color-tart-orange-400: #ff5f55;
--color-tart-orange-500: #f3292c;
--color-tart-orange-600: #cd2727;
--color-tart-orange-700: #a51f1f;
--color-tart-orange-800: #7b1418;
--color-tart-orange-900: #570d10;
--color-tart-orange-950: #3a0003;
}SCSS
$tart-orange: #fb4d46;
$tart-orange-rgb: 251, 77, 70;
$tart-orange-light: mix(#fff, $tart-orange, 20%);
$tart-orange-dark: mix(#000, $tart-orange, 20%);
.element {
color: $tart-orange;
box-shadow: 0 0 0 2px rgba($tart-orange, 0.35);
}