لون مسمّى · #D68F9F
Sugar Tooth
Sugar Tooth هو #D68F9F: rgb(214 143 159)، hsl(346 46% 70%)، oklch(0.726 0.088 4.8). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Red mean? → · Sugar Tooth color name →
#D68F9F
oklch(0.726 0.088 4.8)
تحويلات الألوان
- 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%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- DB9AA8
- DFA5B2
- E4B0BB
- E8BBC4
- EDC6CE
- F1D2D8
- F4DDE1
- F8E8EB
- FCF4F5
درجات داكنة
- BA7C8A
- 9E6975
- 845761
- 6A454D
- 52343B
- 3B2429
- 251518
- 100709
- 020101
درجات رمادية
- CE8E9C
- C58C99
- BD8B96
- B48A92
- AC888F
- A3878C
- 9A8589
- 928386
- 898283
تناسق الألوان
متمم +180°
- D68F9F
Sugar Tooth
- 5FB9AD
≈ Bath Turquoise
متجاور -30° +30°
- D68F9F
Sugar Tooth
- C991BD
≈ Pomtini
- D89281
≈ Sunburnt Toes
ثلاثي +120° +240°
- D68F9F
Sugar Tooth
- 9AB072
≈ Rural Eyes
- 76ACDA
≈ High Seas
متمم منقسم +150° +210°
- D68F9F
Sugar Tooth
- 78B78E
≈ Water Fern
- 5EB5C9
≈ Water Baby
رباعي +90° +180° +270°
- D68F9F
Sugar Tooth
- B8A664
≈ Sassy Green
- 5FB9AD
≈ Bath Turquoise
- 96A2DE
≈ Dalmatian Sage
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.53:1 · APCA Lc 50
Ag
AAAعلى الأسود
WCAG 8.28:1 · APCA Lc 52
أفضل لون للنص: #000000
WCAG 8.28:1 (AAA) · APCA Lc 52
Contrast pairs
مقتطفات الأكواد
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);
}