Benoemde kleur · #2B8C8A
Taos Turquoise
Taos Turquoise is #2B8C8A: rgb(43 140 138), hsl(179 53% 36%), oklch(0.585 0.087 193). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Teal mean? → · Taos Turquoise color name →
#2B8C8A
oklch(0.585 0.087 193)
Kleurconversies
- HEX
- #2b8c8a
- RGB
- rgb(43 140 138)
- HSL
- hsl(179 53% 36%)
- HWB
- hwb(179 17% 45%)
- OKLCH
- oklch(0.585 0.087 193)
- OKLab
- oklab(0.585 -0.085 -0.02)
- CIE Lab
- lab(52.82 -28.98 -7.55)
- LCH
- lch(52.82 29.94 194.6)
- CMYK
- cmyk(69% 0% 1% 45%)
Tinten · Schaduwen · Tonen
Tinten
- 479795
- 5EA3A0
- 73AEAC
- 88B9B7
- 9CC5C3
- AFD0CF
- C3DCDB
- D7E7E7
- EBF3F3
Schaduwen
- 247977
- 1D6765
- 165553
- 104342
- 0A3332
- 052322
- 021414
- 010707
- 000101
Tonen
- 398B89
- 458A88
- 4F8987
- 578886
- 5F8785
- 678584
- 6D8483
- 748382
- 7A8181
Kleurharmonieën
Complementair +180°
- 2B8C8A
Taos Turquoise
- A9656D
≈ Cinnapink
Analoog -30° +30°
- 2B8C8A
Taos Turquoise
- 458C6D
≈ Aegean Green
- 3687A2
≈ Dirty Blue
Triadisch +120° +240°
- 2B8C8A
Taos Turquoise
- 8E6CA1
≈ Court Jester
- 9B733D
≈ Favourite Ale
Gesplitst complementair +150° +210°
- 2B8C8A
Taos Turquoise
- A06689
≈ Berry Pretty
- A76A51
≈ Cedar Plank Salmon
Tetradisch +90° +180° +270°
- 2B8C8A
Taos Turquoise
- 7475AE
≈ Regal Azure
- A9656D
≈ Cinnapink
- 857E3C
≈ Mossy Meadow
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 4.02:1 · APCA Lc 67
Ag
AAOp zwart
WCAG 5.22:1 · APCA Lc 34
Beste tekstkleur: #000000
WCAG 5.22:1 (AA) · APCA Lc 34
Contrast pairs
Codefragmenten
CSS
:root {
--taos-turquoise: #2b8c8a;
--taos-turquoise-rgb: 43 140 138;
--taos-turquoise-oklch: oklch(0.585 0.087 193);
}
.element {
color: var(--taos-turquoise);
background-color: hsl(179 53% 36%);
border-color: oklch(0.585 0.087 193);
}Tailwind CSS v4
@theme {
--color-taos-turquoise: #2b8c8a;
--color-taos-turquoise-50: #d9fefd;
--color-taos-turquoise-100: #c7f2f1;
--color-taos-turquoise-200: #a9e1e0;
--color-taos-turquoise-300: #80c6c5;
--color-taos-turquoise-400: #59afad;
--color-taos-turquoise-500: #289896;
--color-taos-turquoise-600: #25817f;
--color-taos-turquoise-700: #1e6766;
--color-taos-turquoise-800: #144c4a;
--color-taos-turquoise-900: #0d3533;
--color-taos-turquoise-950: #01201f;
}SCSS
$taos-turquoise: #2b8c8a;
$taos-turquoise-rgb: 43, 140, 138;
$taos-turquoise-light: mix(#fff, $taos-turquoise, 20%);
$taos-turquoise-dark: mix(#000, $taos-turquoise, 20%);
.element {
color: $taos-turquoise;
box-shadow: 0 0 0 2px rgba($taos-turquoise, 0.35);
}