Named color · #00938B
Torrid Turquoise
Torrid Turquoise is #00938B: rgb(0 147 139), hsl(177 100% 29%), oklch(0.598 0.104 188). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Teal mean? → · Torrid Turquoise color name →
#00938B
oklch(0.598 0.104 188)
Color conversions
- HEX
- #00938b
- RGB
- rgb(0 147 139)
- HSL
- hsl(177 100% 29%)
- HWB
- hwb(177 0% 42%)
- OKLCH
- oklch(0.598 0.104 188)
- OKLab
- oklab(0.598 -0.103 -0.015)
- CIE Lab
- lab(54.53 -35.53 -5.67)
- LCH
- lch(54.53 35.98 189.1)
- CMYK
- cmyk(100% 0% 5% 42%)
Tints · Shades · Tones
Tints
- 379E96
- 54A8A1
- 6CB3AC
- 82BEB8
- 97C9C3
- ACD3CF
- C1DEDB
- D6E9E7
- EAF4F3
Shades
- 007F78
- 006C66
- 005954
- 004743
- 003632
- 002523
- 001614
- 000807
- 000101
Tones
- 27918A
- 399089
- 468E88
- 518C87
- 5B8A86
- 638884
- 6B8683
- 738482
- 7A8281
Color harmonies
Complementary +180°
- 00938B
Torrid Turquoise
- B46474
≈ Refined Rose
Analogous -30° +30°
- 00938B
Torrid Turquoise
- 419267
≈ Illuminati Green
- 138EA9
≈ Zeftron
Triadic +120° +240°
- 00938B
Torrid Turquoise
- 916EAF
≈ Violet Frog
- A87333
≈ Deer Leather
Split-complementary +150° +210°
- 00938B
Torrid Turquoise
- A76695
≈ Mauve Memento
- B46851
≈ Deathclaw Brown
Tetradic +90° +180° +270°
- 00938B
Torrid Turquoise
- 7179BD
≈ Persian Jewel
- B46474
≈ Refined Rose
- 90802C
≈ Jungle Palm
Contrast & accessibility
Ag
FailOn white
WCAG 3.78:1 · APCA Lc 65
Ag
AAOn black
WCAG 5.54:1 · APCA Lc 37
Best text color: #000000
WCAG 5.54:1 (AA) · APCA Lc 37
Contrast pairs
Code snippets
CSS
:root {
--torrid-turquoise: #00938b;
--torrid-turquoise-rgb: 0 147 139;
--torrid-turquoise-oklch: oklch(0.598 0.104 188);
}
.element {
color: var(--torrid-turquoise);
background-color: hsl(177 100% 29%);
border-color: oklch(0.598 0.104 188);
}Tailwind CSS v4
@theme {
--color-torrid-turquoise: #00938b;
--color-torrid-turquoise-50: #d4fffc;
--color-torrid-turquoise-100: #c1f4ef;
--color-torrid-turquoise-200: #a0e3de;
--color-torrid-turquoise-300: #74c9c3;
--color-torrid-turquoise-400: #46b2aa;
--color-torrid-turquoise-500: #009c93;
--color-torrid-turquoise-600: #00847c;
--color-torrid-turquoise-700: #006963;
--color-torrid-turquoise-800: #004e48;
--color-torrid-turquoise-900: #013632;
--color-torrid-turquoise-950: #00211e;
}SCSS
$torrid-turquoise: #00938b;
$torrid-turquoise-rgb: 0, 147, 139;
$torrid-turquoise-light: mix(#fff, $torrid-turquoise, 20%);
$torrid-turquoise-dark: mix(#000, $torrid-turquoise, 20%);
.element {
color: $torrid-turquoise;
box-shadow: 0 0 0 2px rgba($torrid-turquoise, 0.35);
}