Named color · #ADD9D1
Scandal
Scandal is #ADD9D1: rgb(173 217 209), hsl(169 37% 76%), oklch(0.852 0.047 182.9). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Teal mean? → · Scandal color name →
#ADD9D1
oklch(0.852 0.047 182.9)
Color conversions
- 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%)
Tints · Shades · Tones
Tints
- B5DDD6
- BEE1DA
- C6E4DF
- CEE8E3
- D6ECE8
- DEF0EC
- E7F4F1
- EFF7F6
- F7FBFA
Shades
- 96BCB5
- 7FA19B
- 6A8681
- 556C68
- 415350
- 2D3B39
- 1B2523
- 0B1110
- 010202
Tones
- A9D0C9
- A4C7C0
- A0BEB8
- 9BB4B0
- 97ACA8
- 92A3A0
- 8E9A98
- 899190
- 858988
Color harmonies
Complementary +180°
- ADD9D1
Scandal
- EAC2CB
≈ Primrose Pink
Analogous -30° +30°
- ADD9D1
Scandal
- B8D8C0
≈ Reclining Green
- ACD7E1
≈ Araucana Egg
Triadic +120° +240°
- ADD9D1
Scandal
- D4C7E9
≈ Foggy Love
- E5C8AF
≈ Mesquite Powder
Split-complementary +150° +210°
- ADD9D1
Scandal
- E2C3DC
≈ Dog Rose
- ECC4BB
≈ Peach Ash
Tetradic +90° +180° +270°
- ADD9D1
Scandal
- C4CDEE
≈ Ace
- EAC2CB
≈ Primrose Pink
- D9CEAC
≈ Lovely Linen
Contrast & accessibility
Ag
FailOn white
WCAG 1.54:1 · APCA Lc 25
Ag
AAAOn black
WCAG 13.62:1 · APCA Lc 78
Best text color: #000000
WCAG 13.62:1 (AAA) · APCA Lc 78
Contrast pairs
Code snippets
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);
}