Color con nombre · #DD4422
Tomato Queen
Tomato Queen es #DD4422: rgb(221 68 34), hsl(11 73% 50%), oklch(0.603 0.195 33.8). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Red mean? → · Tomato Queen color name →
#DD4422
oklch(0.603 0.195 33.8)
Conversiones de color
- HEX
- #dd4422
- RGB
- rgb(221 68 34)
- HSL
- hsl(11 73% 50%)
- HWB
- hwb(11 13% 13%)
- OKLCH
- oklch(0.603 0.195 33.8)
- OKLab
- oklab(0.603 0.162 0.109)
- CIE Lab
- lab(52.21 59.19 53.55)
- LCH
- lch(52.21 79.81 42.1)
- CMYK
- cmyk(0% 69% 85% 13%)
Tintes · Sombras · Tonos
Tintes
- E35B3E
- E97055
- EE836B
- F29580
- F6A795
- F9B9AA
- FCCBBF
- FEDCD4
- FFEEE9
Sombras
- C03A1C
- A43016
- 882611
- 6E1D0B
- 551407
- 3D0C03
- 260501
- 110200
- 020000
Tonos
- D54E31
- CD573D
- C55E47
- BC6451
- B36A59
- AA6F62
- A0746A
- 967871
- 8C7C79
Armonías de color
Complementario +180°
- DD4422
Tomato Queen
- 0091A7
≈ Oasis
Análogo -30° +30°
- DD4422
Tomato Queen
- D93D74
≈ Pickled Pink
- B86C00
≈ Indocile Tiger
Triádico +120° +240°
- DD4422
Tomato Queen
- 009A54
≈ Fern Green
- 6070F3
≈ Blue Öyster Cult
Complementario dividido +150° +210°
- DD4422
Tomato Queen
- 009588
≈ Approval Green
- 0088D2
≈ Calgar Blue
Tetrádico +90° +180° +270°
- DD4422
Tomato Queen
- 6F8F00
≈ Canopy
- 0091A7
≈ Oasis
- 9B5ADE
≈ Legendary Lavender
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 4.26:1 · APCA Lc 68
Ag
AASobre negro
WCAG 4.92:1 · APCA Lc 33
Mejor color de texto: #000000
WCAG 4.92:1 (AA) · APCA Lc 33
Contrast pairs
Fragmentos de código
CSS
:root {
--tomato-queen: #dd4422;
--tomato-queen-rgb: 221 68 34;
--tomato-queen-oklch: oklch(0.603 0.195 33.8);
}
.element {
color: var(--tomato-queen);
background-color: hsl(11 73% 50%);
border-color: oklch(0.603 0.195 33.8);
}Tailwind CSS v4
@theme {
--color-tomato-queen: #dd4422;
--color-tomato-queen-50: #ffe2cf;
--color-tomato-queen-100: #ffd1bb;
--color-tomato-queen-200: #ffb69a;
--color-tomato-queen-300: #ff8f6f;
--color-tomato-queen-400: #fc6a4a;
--color-tomato-queen-500: #eb3e14;
--color-tomato-queen-600: #c63715;
--color-tomato-queen-700: #a02c11;
--color-tomato-queen-800: #771d0f;
--color-tomato-queen-900: #541309;
--color-tomato-queen-950: #380400;
}SCSS
$tomato-queen: #dd4422;
$tomato-queen-rgb: 221, 68, 34;
$tomato-queen-light: mix(#fff, $tomato-queen, 20%);
$tomato-queen-dark: mix(#000, $tomato-queen, 20%);
.element {
color: $tomato-queen;
box-shadow: 0 0 0 2px rgba($tomato-queen, 0.35);
}