Colore con nome · #D68F9F
Sugar Tooth
Sugar Tooth è #D68F9F: rgb(214 143 159), hsl(346 46% 70%), oklch(0.726 0.088 4.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Sugar Tooth color name →
#D68F9F
oklch(0.726 0.088 4.8)
Conversioni di colore
- HEX
- #d68f9f
- RGB
- rgb(214 143 159)
- HSL
- hsl(346 46% 70%)
- HWB
- hwb(346 56% 16%)
- OKLCH
- oklch(0.726 0.088 4.8)
- OKLab
- oklab(0.726 0.088 0.007)
- CIE Lab
- lab(67.09 29.28 3.16)
- LCH
- lch(67.09 29.45 6.2)
- CMYK
- cmyk(0% 33% 26% 16%)
Tinte · Ombre · Toni
Tinte
- DB9AA8
- DFA5B2
- E4B0BB
- E8BBC4
- EDC6CE
- F1D2D8
- F4DDE1
- F8E8EB
- FCF4F5
Ombre
- BA7C8A
- 9E6975
- 845761
- 6A454D
- 52343B
- 3B2429
- 251518
- 100709
- 020101
Toni
- CE8E9C
- C58C99
- BD8B96
- B48A92
- AC888F
- A3878C
- 9A8589
- 928386
- 898283
Armonie di colore
Complementare +180°
- D68F9F
Sugar Tooth
- 5FB9AD
≈ Bath Turquoise
Analogo -30° +30°
- D68F9F
Sugar Tooth
- C991BD
≈ Pomtini
- D89281
≈ Sunburnt Toes
Triadico +120° +240°
- D68F9F
Sugar Tooth
- 9AB072
≈ Rural Eyes
- 76ACDA
≈ High Seas
Complementare divisa +150° +210°
- D68F9F
Sugar Tooth
- 78B78E
≈ Water Fern
- 5EB5C9
≈ Water Baby
Tetradico +90° +180° +270°
- D68F9F
Sugar Tooth
- B8A664
≈ Sassy Green
- 5FB9AD
≈ Bath Turquoise
- 96A2DE
≈ Dalmatian Sage
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.53:1 · APCA Lc 50
Ag
AAASu nero
WCAG 8.28:1 · APCA Lc 52
Miglior colore del testo: #000000
WCAG 8.28:1 (AAA) · APCA Lc 52
Contrast pairs
Frammenti di codice
CSS
:root {
--sugar-tooth: #d68f9f;
--sugar-tooth-rgb: 214 143 159;
--sugar-tooth-oklch: oklch(0.726 0.088 4.8);
}
.element {
color: var(--sugar-tooth);
background-color: hsl(346 46% 70%);
border-color: oklch(0.726 0.088 4.8);
}Tailwind CSS v4
@theme {
--color-sugar-tooth: #d68f9f;
--color-sugar-tooth-50: #ffebf1;
--color-sugar-tooth-100: #ffdce3;
--color-sugar-tooth-200: #f7c5ce;
--color-sugar-tooth-300: #e0a5b0;
--color-sugar-tooth-400: #cb8998;
--color-sugar-tooth-500: #b76c7e;
--color-sugar-tooth-600: #9b5c6b;
--color-sugar-tooth-700: #7c4a56;
--color-sugar-tooth-800: #5c353f;
--color-sugar-tooth-900: #40242c;
--color-sugar-tooth-950: #291319;
}SCSS
$sugar-tooth: #d68f9f;
$sugar-tooth-rgb: 214, 143, 159;
$sugar-tooth-light: mix(#fff, $sugar-tooth, 20%);
$sugar-tooth-dark: mix(#000, $sugar-tooth, 20%);
.element {
color: $sugar-tooth;
box-shadow: 0 0 0 2px rgba($sugar-tooth, 0.35);
}