Colore con nome · #D0756F
Light Tomato
Light Tomato è #D0756F: rgb(208 117 111), hsl(4 51% 63%), oklch(0.662 0.115 24.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Light Tomato color name →
#D0756F
oklch(0.662 0.115 24.6)
Conversioni di colore
- HEX
- #d0756f
- RGB
- rgb(208 117 111)
- HSL
- hsl(4 51% 63%)
- HWB
- hwb(4 44% 18%)
- OKLCH
- oklch(0.662 0.115 24.6)
- OKLab
- oklab(0.662 0.105 0.048)
- CIE Lab
- lab(59.66 35.99 19.84)
- LCH
- lch(59.66 41.1 28.9)
- CMYK
- cmyk(0% 44% 47% 18%)
Tinte · Ombre · Toni
Tinte
- D6837D
- DC918B
- E19E99
- E6ACA7
- EBBAB5
- F0C8C4
- F4D5D2
- F8E3E1
- FCF1F0
Ombre
- B56560
- 9A5551
- 804642
- 673734
- 4F2927
- 391C1A
- 230F0E
- 100504
- 020101
Toni
- C97771
- C17873
- B97A75
- B27B76
- AA7C78
- A27D7A
- 9A7E7B
- 917F7D
- 897F7E
Armonie di colore
Complementare +180°
- D0756F
Light Tomato
- 00A6B3
≈ Exotic Sea
Analogo -30° +30°
- D0756F
Light Tomato
- C97497
≈ Dolomite Red
- C97E49
≈ Fuegan Orange
Triadico +120° +240°
- D0756F
Light Tomato
- 63A565
≈ Endo
- 6F91DA
≈ Little Boy Blue
Complementare divisa +150° +210°
- D0756F
Light Tomato
- 29A98E
≈ Niagara
- 3C9DCF
≈ Blue Burst
Tetradico +90° +180° +270°
- D0756F
Light Tomato
- 919B40
≈ Split Pea
- 00A6B3
≈ Exotic Sea
- 9884D2
≈ Indigo Bloom
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.25:1 · APCA Lc 60
Ag
AASu nero
WCAG 6.45:1 · APCA Lc 42
Miglior colore del testo: #000000
WCAG 6.45:1 (AA) · APCA Lc 42
Contrast pairs
Frammenti di codice
CSS
:root {
--light-tomato: #d0756f;
--light-tomato-rgb: 208 117 111;
--light-tomato-oklch: oklch(0.662 0.115 24.6);
}
.element {
color: var(--light-tomato);
background-color: hsl(4 51% 63%);
border-color: oklch(0.662 0.115 24.6);
}Tailwind CSS v4
@theme {
--color-light-tomato: #d0756f;
--color-light-tomato-50: #ffe9e4;
--color-light-tomato-100: #ffdad4;
--color-light-tomato-200: #ffc2ba;
--color-light-tomato-300: #eda198;
--color-light-tomato-400: #da827c;
--color-light-tomato-500: #c7645f;
--color-light-tomato-600: #a85651;
--color-light-tomato-700: #874440;
--color-light-tomato-800: #64312f;
--color-light-tomato-900: #472120;
--color-light-tomato-950: #2e1010;
}SCSS
$light-tomato: #d0756f;
$light-tomato-rgb: 208, 117, 111;
$light-tomato-light: mix(#fff, $light-tomato, 20%);
$light-tomato-dark: mix(#000, $light-tomato, 20%);
.element {
color: $light-tomato;
box-shadow: 0 0 0 2px rgba($light-tomato, 0.35);
}