Benannte Farbe · #C75433
Spicy Tomato
Spicy Tomato ist #C75433: rgb(199 84 51), hsl(13 59% 49%), oklch(0.589 0.155 36.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Spicy Tomato color name →
#C75433
oklch(0.589 0.155 36.7)
Farbumrechnungen
- HEX
- #c75433
- RGB
- rgb(199 84 51)
- HSL
- hsl(13 59% 49%)
- HWB
- hwb(13 20% 22%)
- OKLCH
- oklch(0.589 0.155 36.7)
- OKLab
- oklab(0.589 0.124 0.092)
- CIE Lab
- lab(50.99 45.42 42.46)
- LCH
- lch(50.99 62.18 43.1)
- CMYK
- cmyk(0% 58% 74% 22%)
Tints · Shades · Tones
Tints
- CF6649
- D6785E
- DD8971
- E39A85
- E9AB99
- EEBCAD
- F3CCC1
- F7DDD6
- FBEEEA
Shades
- AD482B
- 933C23
- 7A311C
- 622614
- 4C1B0D
- 361107
- 210803
- 0E0201
- 020000
Tones
- C15A3D
- BB6046
- B4654E
- AE6A56
- A76E5E
- A07265
- 99766C
- 917973
- 897D79
Farbharmonien
Komplementär +180°
- C75433
Spicy Tomato
- 008CA5
≈ Quintana
Analog -30° +30°
- C75433
Spicy Tomato
- C54E6E
≈ Vibrant Red
- B06B00
≈ Caramel
Triadisch +120° +240°
- C75433
Spicy Tomato
- 009559
≈ Green Gloss
- 6770D7
≈ C64 Purple
Geteilt komplementär +150° +210°
- C75433
Spicy Tomato
- 009087
≈ Nifty Turquoise
- 0082D2
≈ Electron Blue
Tetradisch +90° +180° +270°
- C75433
Spicy Tomato
- 658C00
≈ Sap Green
- 008CA5
≈ Quintana
- 9560C4
≈ Trunks Hair
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.42:1 · APCA Lc 70
Ag
AAAuf Schwarz
WCAG 4.74:1 · APCA Lc 32
Beste Textfarbe: #000000
WCAG 4.74:1 (AA) · APCA Lc 32
Contrast pairs
Code-Snippets
CSS
:root {
--spicy-tomato: #c75433;
--spicy-tomato-rgb: 199 84 51;
--spicy-tomato-oklch: oklch(0.589 0.155 36.7);
}
.element {
color: var(--spicy-tomato);
background-color: hsl(13 59% 49%);
border-color: oklch(0.589 0.155 36.7);
}Tailwind CSS v4
@theme {
--color-spicy-tomato: #c75433;
--color-spicy-tomato-50: #ffe7d5;
--color-spicy-tomato-100: #ffd7c2;
--color-spicy-tomato-200: #ffbea4;
--color-spicy-tomato-300: #fb9b7c;
--color-spicy-tomato-400: #ea7a5a;
--color-spicy-tomato-500: #d85832;
--color-spicy-tomato-600: #b74b2c;
--color-spicy-tomato-700: #933c23;
--color-spicy-tomato-800: #6e2a1a;
--color-spicy-tomato-900: #4d1c11;
--color-spicy-tomato-950: #330c04;
}SCSS
$spicy-tomato: #c75433;
$spicy-tomato-rgb: 199, 84, 51;
$spicy-tomato-light: mix(#fff, $spicy-tomato, 20%);
$spicy-tomato-dark: mix(#000, $spicy-tomato, 20%);
.element {
color: $spicy-tomato;
box-shadow: 0 0 0 2px rgba($spicy-tomato, 0.35);
}