Colore con nome · #D78775
Freckles
Freckles è #D78775: rgb(215 135 117), hsl(11 55% 65%), oklch(0.702 0.103 33.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Freckles color name →
#D78775
oklch(0.702 0.103 33.4)
Conversioni di colore
- HEX
- #d78775
- RGB
- rgb(215 135 117)
- HSL
- hsl(11 55% 65%)
- HWB
- hwb(11 46% 16%)
- OKLCH
- oklch(0.702 0.103 33.4)
- OKLab
- oklab(0.702 0.086 0.056)
- CIE Lab
- lab(64.62 30.04 23.23)
- LCH
- lch(64.62 37.97 37.7)
- CMYK
- cmyk(0% 37% 46% 16%)
Tinte · Ombre · Toni
Tinte
- DC9382
- E19F90
- E5AB9D
- EAB7AB
- EEC3B9
- F2CFC7
- F5DBD4
- F9E7E3
- FCF3F1
Ombre
- BB7565
- 9F6355
- 855146
- 6B4137
- 523129
- 3B211C
- 25130F
- 110605
- 020101
Toni
- CF8776
- C68678
- BE8679
- B5857A
- AC857B
- A4847C
- 9B837D
- 92827E
- 89817F
Armonie di colore
Complementare +180°
- D78775
Freckles
- 42B0C5
≈ Viking
Analogo -30° +30°
- D78775
Freckles
- D58398
≈ Dull Pink
- CC9158
≈ Ginger Crisp
Triadico +120° +240°
- D78775
Freckles
- 6AB281
≈ Elf Shoe
- 8A9BDF
≈ Portage
Complementare divisa +150° +210°
- D78775
Freckles
- 45B4A6
≈ Sacred Turquoise
- 63A6DA
≈ Baja Blue
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.75:1 · APCA Lc 53
Ag
AAASu nero
WCAG 7.61:1 · APCA Lc 49
Miglior colore del testo: #000000
WCAG 7.61:1 (AAA) · APCA Lc 49
Contrast pairs
Frammenti di codice
CSS
:root {
--freckles: #d78775;
--freckles-rgb: 215 135 117;
--freckles-oklch: oklch(0.702 0.103 33.4);
}
.element {
color: var(--freckles);
background-color: hsl(11 55% 65%);
border-color: oklch(0.702 0.103 33.4);
}Tailwind CSS v4
@theme {
--color-freckles: #d78775;
--color-freckles-50: #ffece2;
--color-freckles-100: #ffddd1;
--color-freckles-200: #fdc5b7;
--color-freckles-300: #e7a594;
--color-freckles-400: #d48877;
--color-freckles-500: #c06b58;
--color-freckles-600: #a25b4b;
--color-freckles-700: #82493c;
--color-freckles-800: #61342c;
--color-freckles-900: #44231d;
--color-freckles-950: #2c120e;
}SCSS
$freckles: #d78775;
$freckles-rgb: 215, 135, 117;
$freckles-light: mix(#fff, $freckles, 20%);
$freckles-dark: mix(#000, $freckles, 20%);
.element {
color: $freckles;
box-shadow: 0 0 0 2px rgba($freckles, 0.35);
}