Colore con nome · #DD5533
Frozen Tomato
Frozen Tomato è #DD5533: rgb(221 85 51), hsl(12 71% 53%), oklch(0.624 0.177 35.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Frozen Tomato color name →
#DD5533
oklch(0.624 0.177 35.1)
Conversioni di colore
- HEX
- #dd5533
- RGB
- rgb(221 85 51)
- HSL
- hsl(12 71% 53%)
- HWB
- hwb(12 20% 13%)
- OKLCH
- oklch(0.624 0.177 35.1)
- OKLab
- oklab(0.624 0.145 0.102)
- CIE Lab
- lab(54.87 52.9 47.75)
- LCH
- lch(54.87 71.27 42.1)
- CMYK
- cmyk(0% 62% 77% 13%)
Tinte · Ombre · Toni
Tinte
- E3684A
- E87B5F
- ED8C73
- F19D87
- F5AD9B
- F8BEAF
- FBCEC2
- FDDED6
- FEEFEB
Ombre
- C0492B
- A43D23
- 88311C
- 6E2614
- 551C0D
- 3D1107
- 260803
- 110201
- 020000
Toni
- D55C3E
- CC6247
- C46750
- BB6C58
- B2705F
- A97466
- 9F776D
- 967B73
- 8B7D7A
Armonie di colore
Complementare +180°
- DD5533
Frozen Tomato
- 0098B1
≈ Tropical Lagoon
Analogo -30° +30°
- DD5533
Frozen Tomato
- DA4E79
≈ Rose Turkish Delight
- C07300
≈ Caramel Coating
Triadico +120° +240°
- DD5533
Frozen Tomato
- 00A15C
≈ Shamrock
- 6B79F0
≈ Pan Purple
Complementare divisa +150° +210°
- DD5533
Frozen Tomato
- 009C90
≈ Stormy Strait Green
- 008EDF
≈ Blue Cola
Tetradico +90° +180° +270°
- DD5533
Frozen Tomato
- 729700
≈ Green Thumb
- 0098B1
≈ Tropical Lagoon
- A166DB
≈ Violet Voltage
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.87:1 · APCA Lc 65
Ag
AASu nero
WCAG 5.42:1 · APCA Lc 36
Miglior colore del testo: #000000
WCAG 5.42:1 (AA) · APCA Lc 36
Contrast pairs
Frammenti di codice
CSS
:root {
--frozen-tomato: #dd5533;
--frozen-tomato-rgb: 221 85 51;
--frozen-tomato-oklch: oklch(0.624 0.177 35.1);
}
.element {
color: var(--frozen-tomato);
background-color: hsl(12 71% 53%);
border-color: oklch(0.624 0.177 35.1);
}Tailwind CSS v4
@theme {
--color-frozen-tomato: #dd5533;
--color-frozen-tomato-50: #ffe4d2;
--color-frozen-tomato-100: #ffd4be;
--color-frozen-tomato-200: #ffb99e;
--color-frozen-tomato-300: #ff9574;
--color-frozen-tomato-400: #f47151;
--color-frozen-tomato-500: #e34b23;
--color-frozen-tomato-600: #bf4120;
--color-frozen-tomato-700: #9a341a;
--color-frozen-tomato-800: #732414;
--color-frozen-tomato-900: #51180c;
--color-frozen-tomato-950: #360702;
}SCSS
$frozen-tomato: #dd5533;
$frozen-tomato-rgb: 221, 85, 51;
$frozen-tomato-light: mix(#fff, $frozen-tomato, 20%);
$frozen-tomato-dark: mix(#000, $frozen-tomato, 20%);
.element {
color: $frozen-tomato;
box-shadow: 0 0 0 2px rgba($frozen-tomato, 0.35);
}