لون مسمّى · #ADD9D1
Scandal
Scandal هو #ADD9D1: rgb(173 217 209)، hsl(169 37% 76%)، oklch(0.852 0.047 182.9). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Teal mean? → · Scandal color name →
#ADD9D1
oklch(0.852 0.047 182.9)
تحويلات الألوان
- HEX
- #add9d1
- RGB
- rgb(173 217 209)
- HSL
- hsl(169 37% 76%)
- HWB
- hwb(169 68% 15%)
- OKLCH
- oklch(0.852 0.047 182.9)
- OKLab
- oklab(0.852 -0.047 -0.002)
- CIE Lab
- lab(83.39 -16.11 -1.03)
- LCH
- lch(83.39 16.15 183.7)
- CMYK
- cmyk(20% 0% 4% 15%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- B5DDD6
- BEE1DA
- C6E4DF
- CEE8E3
- D6ECE8
- DEF0EC
- E7F4F1
- EFF7F6
- F7FBFA
درجات داكنة
- 96BCB5
- 7FA19B
- 6A8681
- 556C68
- 415350
- 2D3B39
- 1B2523
- 0B1110
- 010202
درجات رمادية
- A9D0C9
- A4C7C0
- A0BEB8
- 9BB4B0
- 97ACA8
- 92A3A0
- 8E9A98
- 899190
- 858988
تناسق الألوان
متمم +180°
- ADD9D1
Scandal
- EAC2CB
≈ Primrose Pink
متجاور -30° +30°
- ADD9D1
Scandal
- B8D8C0
≈ Reclining Green
- ACD7E1
≈ Araucana Egg
ثلاثي +120° +240°
- ADD9D1
Scandal
- D4C7E9
≈ Foggy Love
- E5C8AF
≈ Mesquite Powder
متمم منقسم +150° +210°
- ADD9D1
Scandal
- E2C3DC
≈ Dog Rose
- ECC4BB
≈ Peach Ash
رباعي +90° +180° +270°
- ADD9D1
Scandal
- C4CDEE
≈ Ace
- EAC2CB
≈ Primrose Pink
- D9CEAC
≈ Lovely Linen
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.54:1 · APCA Lc 25
Ag
AAAعلى الأسود
WCAG 13.62:1 · APCA Lc 78
أفضل لون للنص: #000000
WCAG 13.62:1 (AAA) · APCA Lc 78
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--scandal: #add9d1;
--scandal-rgb: 173 217 209;
--scandal-oklch: oklch(0.852 0.047 182.9);
}
.element {
color: var(--scandal);
background-color: hsl(169 37% 76%);
border-color: oklch(0.852 0.047 182.9);
}Tailwind CSS v4
@theme {
--color-scandal: #add9d1;
--color-scandal-50: #e7faf7;
--color-scandal-100: #d7edea;
--color-scandal-200: #bfdbd7;
--color-scandal-300: #9dc0ba;
--color-scandal-400: #80a8a1;
--color-scandal-500: #629189;
--color-scandal-600: #547a74;
--color-scandal-700: #43625d;
--color-scandal-800: #304843;
--color-scandal-900: #21322e;
--color-scandal-950: #101e1b;
}SCSS
$scandal: #add9d1;
$scandal-rgb: 173, 217, 209;
$scandal-light: mix(#fff, $scandal, 20%);
$scandal-dark: mix(#000, $scandal, 20%);
.element {
color: $scandal;
box-shadow: 0 0 0 2px rgba($scandal, 0.35);
}