Named color · #73C4D7
Thredbo
Thredbo is #73C4D7: rgb(115 196 215), hsl(191 56% 65%), oklch(0.775 0.084 214.5). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Cyan mean? → · Thredbo color name →
#73C4D7
oklch(0.775 0.084 214.5)
Color conversions
- HEX
- #73c4d7
- RGB
- rgb(115 196 215)
- HSL
- hsl(191 56% 65%)
- HWB
- hwb(191 45% 16%)
- OKLCH
- oklch(0.775 0.084 214.5)
- OKLab
- oklab(0.775 -0.069 -0.047)
- CIE Lab
- lab(74.51 -22.1 -17.72)
- LCH
- lch(74.51 28.32 218.7)
- CMYK
- cmyk(47% 9% 0% 16%)
Tints · Shades · Tones
Tints
- 83CADB
- 91D0DF
- A0D6E3
- AEDCE7
- BCE2EB
- C9E8EF
- D7EDF3
- E4F3F7
- F2F9FB
Shades
- 63AABB
- 54919F
- 457885
- 36616B
- 284A52
- 1B353B
- 0F2125
- 050E11
- 010202
Tones
- 76BDCE
- 78B6C5
- 7AAFBC
- 7CA9B3
- 7DA2AB
- 7F9BA2
- 7F9499
- 808D91
- 808788
Color harmonies
Complementary +180°
- 73C4D7
Thredbo
- E6A392
≈ Rose Dusk
Analogous -30° +30°
- 73C4D7
Thredbo
- 74C8BC
≈ Shockwave
- 88BCE8
≈ C’est la Vie
Triadic +120° +240°
- 73C4D7
Thredbo
- D8A2CC
≈ Chateau Rose
- C7B677
≈ Olive Marinade
Split-complementary +150° +210°
- 73C4D7
Thredbo
- E4A0AF
≈ Vintage Victorian
- DCAB7D
≈ Caramel Drizzle
Tetradic +90° +180° +270°
- 73C4D7
Thredbo
- C2A9E2
≈ Perfume
- E6A392
≈ Rose Dusk
- AAC084
≈ Shrubbery
Contrast & accessibility
Ag
FailOn white
WCAG 1.97:1 · APCA Lc 38
Ag
AAAOn black
WCAG 10.60:1 · APCA Lc 64
Best text color: #000000
WCAG 10.60:1 (AAA) · APCA Lc 64
Contrast pairs
Code snippets
CSS
:root {
--thredbo: #73c4d7;
--thredbo-rgb: 115 196 215;
--thredbo-oklch: oklch(0.775 0.084 214.5);
}
.element {
color: var(--thredbo);
background-color: hsl(191 56% 65%);
border-color: oklch(0.775 0.084 214.5);
}Tailwind CSS v4
@theme {
--color-thredbo: #73c4d7;
--color-thredbo-50: #dbfcff;
--color-thredbo-100: #caf0fa;
--color-thredbo-200: #acdeeb;
--color-thredbo-300: #85c3d3;
--color-thredbo-400: #5fabbd;
--color-thredbo-500: #3494a8;
--color-thredbo-600: #2e7d8e;
--color-thredbo-700: #256472;
--color-thredbo-800: #184a53;
--color-thredbo-900: #10333a;
--color-thredbo-950: #021f24;
}SCSS
$thredbo: #73c4d7;
$thredbo-rgb: 115, 196, 215;
$thredbo-light: mix(#fff, $thredbo, 20%);
$thredbo-dark: mix(#000, $thredbo, 20%);
.element {
color: $thredbo;
box-shadow: 0 0 0 2px rgba($thredbo, 0.35);
}