Nazwany kolor · #DD4422
Tomato Queen
Tomato Queen to #DD4422: rgb(221 68 34), hsl(11 73% 50%), oklch(0.603 0.195 33.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Tomato Queen color name →
#DD4422
oklch(0.603 0.195 33.8)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E35B3E
- E97055
- EE836B
- F29580
- F6A795
- F9B9AA
- FCCBBF
- FEDCD4
- FFEEE9
Odcienie ciemniejsze
- C03A1C
- A43016
- 882611
- 6E1D0B
- 551407
- 3D0C03
- 260501
- 110200
- 020000
Tony
- D54E31
- CD573D
- C55E47
- BC6451
- B36A59
- AA6F62
- A0746A
- 967871
- 8C7C79
Harmonie kolorów
Komplementarna +180°
- DD4422
Tomato Queen
- 0091A7
≈ Oasis
Analogowa -30° +30°
- DD4422
Tomato Queen
- D93D74
≈ Pickled Pink
- B86C00
≈ Indocile Tiger
Triada +120° +240°
- DD4422
Tomato Queen
- 009A54
≈ Fern Green
- 6070F3
≈ Blue Öyster Cult
Komplementarna rozszczepiona +150° +210°
- DD4422
Tomato Queen
- 009588
≈ Approval Green
- 0088D2
≈ Calgar Blue
Tetrada +90° +180° +270°
- DD4422
Tomato Queen
- 6F8F00
≈ Canopy
- 0091A7
≈ Oasis
- 9B5ADE
≈ Legendary Lavender
Kontrast i dostępność
Ag
FailNa bieli
WCAG 4.26:1 · APCA Lc 68
Ag
AANa czerni
WCAG 4.92:1 · APCA Lc 33
Najlepszy kolor tekstu: #000000
WCAG 4.92:1 (AA) · APCA Lc 33
Contrast pairs
Fragmenty kodu
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);
}