Named color · #47C6AC
Disc Jockey
Disc Jockey is #47C6AC: rgb(71 198 172), hsl(168 53% 53%), oklch(0.75 0.118 176.7). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Teal mean? → · Disc Jockey color name →
#47C6AC
oklch(0.75 0.118 176.7)
Color conversions
- HEX
- #47c6ac
- RGB
- rgb(71 198 172)
- HSL
- hsl(168 53% 53%)
- HWB
- hwb(168 28% 22%)
- OKLCH
- oklch(0.75 0.118 176.7)
- OKLab
- oklab(0.75 -0.117 0.007)
- CIE Lab
- lab(72.49 -41.11 2.25)
- LCH
- lch(72.49 41.17 176.9)
- CMYK
- cmyk(64% 0% 13% 22%)
Tints · Shades · Tones
Tints
- 61CCB4
- 76D2BC
- 8AD8C4
- 9CDDCC
- ADE3D5
- BEE9DD
- CFEEE5
- DFF4EE
- EFFAF6
Shades
- 3DAC95
- 32927F
- 287A69
- 1F6254
- 164B40
- 0D352D
- 06211B
- 020E0B
- 000201
Tones
- 53BFA7
- 5CB8A3
- 63B19F
- 6AAA9A
- 6FA396
- 749C91
- 77958D
- 7B8E89
- 7E8784
Color harmonies
Complementary +180°
- 47C6AC
Disc Jockey
- E98EAF
≈ Charm Pink
Analogous -30° +30°
- 47C6AC
Disc Jockey
- 7AC281
≈ Rally Green
- 33C2D3
≈ The Crowd Roars!
Triadic +120° +240°
- 47C6AC
Disc Jockey
- B59EEF
≈ Dreamy Candy Forest
- E69A60
≈ Topaz Yellow
Split-complementary +150° +210°
- 47C6AC
Disc Jockey
- D593D5
≈ Somewhere in a Fairytale
- EF9086
≈ Flamingo Red
Tetradic +90° +180° +270°
- 47C6AC
Disc Jockey
- 8CABF9
≈ Kitten’s Eye
- E98EAF
≈ Charm Pink
- CEA94E
≈ Yellow Lupine
Contrast & accessibility
Ag
FailOn white
WCAG 2.11:1 · APCA Lc 41
Ag
AAAOn black
WCAG 9.94:1 · APCA Lc 61
Best text color: #000000
WCAG 9.94:1 (AAA) · APCA Lc 61
Contrast pairs
Code snippets
CSS
:root {
--disc-jockey: #47c6ac;
--disc-jockey-rgb: 71 198 172;
--disc-jockey-oklch: oklch(0.75 0.118 176.7);
}
.element {
color: var(--disc-jockey);
background-color: hsl(168 53% 53%);
border-color: oklch(0.75 0.118 176.7);
}Tailwind CSS v4
@theme {
--color-disc-jockey: #47c6ac;
--color-disc-jockey-50: #d2fff5;
--color-disc-jockey-100: #bef5e8;
--color-disc-jockey-200: #9ce5d5;
--color-disc-jockey-300: #6ecbb8;
--color-disc-jockey-400: #3db59d;
--color-disc-jockey-500: #009f84;
--color-disc-jockey-600: #008670;
--color-disc-jockey-700: #006b59;
--color-disc-jockey-800: #004f40;
--color-disc-jockey-900: #00372c;
--color-disc-jockey-950: #002219;
}SCSS
$disc-jockey: #47c6ac;
$disc-jockey-rgb: 71, 198, 172;
$disc-jockey-light: mix(#fff, $disc-jockey, 20%);
$disc-jockey-dark: mix(#000, $disc-jockey, 20%);
.element {
color: $disc-jockey;
box-shadow: 0 0 0 2px rgba($disc-jockey, 0.35);
}