Colore con nome · #7D252C
Sundried Tomato
Sundried Tomato è #7D252C: rgb(125 37 44), hsl(355 54% 32%), oklch(0.403 0.121 20). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Sundried Tomato color name →
#7D252C
oklch(0.403 0.121 20)
Conversioni di colore
- HEX
- #7d252c
- RGB
- rgb(125 37 44)
- HSL
- hsl(355 54% 32%)
- HWB
- hwb(355 15% 51%)
- OKLCH
- oklch(0.403 0.121 20)
- OKLab
- oklab(0.403 0.114 0.041)
- CIE Lab
- lab(29.52 38.84 18.16)
- LCH
- lch(29.52 42.87 25.1)
- CMYK
- cmyk(0% 70% 65% 51%)
Tinte · Ombre · Toni
Tinte
- 8C3C3F
- 9A5152
- A86666
- B57B7A
- C2908F
- CFA6A5
- DBBCBB
- E7D2D1
- F3E8E8
Ombre
- 6C1F25
- 5B191E
- 4B1317
- 3B0D11
- 2C080A
- 1E0405
- 110202
- 050001
- 010000
Toni
- 7F3034
- 803A3C
- 824445
- 824D4D
- 835655
- 835E5E
- 836766
- 826F6F
- 817877
Armonie di colore
Complementare +180°
- 7D252C
Sundried Tomato
- 005357
≈ Ice Dark Turquoise
Analogo -30° +30°
- 7D252C
Sundried Tomato
- 762652
≈ Dried Flower Purple
- 743300
≈ Bay Brown
Triadico +120° +240°
- 7D252C
Sundried Tomato
- 1C570B
≈ Lincoln Green
- 1D4689
≈ Indigo Hamlet
Complementare divisa +150° +210°
- 7D252C
Sundried Tomato
- 005642
≈ Sacramento State Green
- 00506B
≈ Gemstone Blue
Tetradico +90° +180° +270°
- 7D252C
Sundried Tomato
- 4C4C00
≈ Scorzonera Brown
- 005357
≈ Ice Dark Turquoise
- 4A3984
≈ Nauseous Blue
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 9.66:1 · APCA Lc 91
Ag
FailSu nero
WCAG 2.17:1 · APCA Lc 11
Miglior colore del testo: #FFFFFF
WCAG 9.66:1 (AAA) · APCA Lc 91
Contrast pairs
Frammenti di codice
CSS
:root {
--sundried-tomato: #7d252c;
--sundried-tomato-rgb: 125 37 44;
--sundried-tomato-oklch: oklch(0.403 0.121 20);
}
.element {
color: var(--sundried-tomato);
background-color: hsl(355 54% 32%);
border-color: oklch(0.403 0.121 20);
}Tailwind CSS v4
@theme {
--color-sundried-tomato: #7d252c;
--color-sundried-tomato-50: #ffe8e6;
--color-sundried-tomato-100: #ffd9d6;
--color-sundried-tomato-200: #ffc0bd;
--color-sundried-tomato-300: #ef9f9b;
--color-sundried-tomato-400: #dd8080;
--color-sundried-tomato-500: #ca6164;
--color-sundried-tomato-600: #aa5355;
--color-sundried-tomato-700: #894244;
--color-sundried-tomato-800: #662f32;
--color-sundried-tomato-900: #482022;
--color-sundried-tomato-950: #2e0f11;
}SCSS
$sundried-tomato: #7d252c;
$sundried-tomato-rgb: 125, 37, 44;
$sundried-tomato-light: mix(#fff, $sundried-tomato, 20%);
$sundried-tomato-dark: mix(#000, $sundried-tomato, 20%);
.element {
color: $sundried-tomato;
box-shadow: 0 0 0 2px rgba($sundried-tomato, 0.35);
}