Nazwany kolor · #8FADBD
Thermocline
Thermocline to #8FADBD: rgb(143 173 189), hsl(201 26% 65%), oklch(0.73 0.04 231.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Thermocline color name →
#8FADBD
oklch(0.73 0.04 231.3)
Konwersje koloru
- HEX
- #8fadbd
- RGB
- rgb(143 173 189)
- HSL
- hsl(201 26% 65%)
- HWB
- hwb(201 56% 26%)
- OKLCH
- oklch(0.73 0.04 231.3)
- OKLab
- oklab(0.73 -0.025 -0.031)
- CIE Lab
- lab(68.86 -7.93 -11.81)
- LCH
- lch(68.86 14.23 236.1)
- CMYK
- cmyk(24% 8% 0% 26%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 9AB5C4
- A5BDCA
- B0C5D1
- BBCDD7
- C6D5DE
- D1DEE4
- DDE6EB
- E8EEF2
- F3F7F8
Odcienie ciemniejsze
- 7C96A4
- 697F8C
- 576A74
- 45555D
- 344147
- 242D33
- 151B1F
- 070B0D
- 010102
Tony
- 8EA8B7
- 8CA4B1
- 8B9FAA
- 899BA4
- 88969E
- 869298
- 858D92
- 83898C
- 828486
Harmonie kolorów
Komplementarna +180°
- 8FADBD
Thermocline
- BDA191
≈ Earth Warming
Analogowa -30° +30°
- 8FADBD
Thermocline
- 8BB0B2
≈ Bon Voyage
- 9AA9C2
≈ Scorpion Grass Blue
Triada +120° +240°
- 8FADBD
Thermocline
- BD9EAB
≈ Fiddlesticks
- A8AB8E
≈ Verde Tortuga
Komplementarna rozszczepiona +150° +210°
- 8FADBD
Thermocline
- C09E9D
≈ Desert Lights
- B5A68C
≈ Sleepy Owlet
Tetrada +90° +180° +270°
- 8FADBD
Thermocline
- B4A0B7
≈ Pastel Purple
- BDA191
≈ Earth Warming
- 9AAF97
≈ Rooftop Garden
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.36:1 · APCA Lc 47
Ag
AAANa czerni
WCAG 8.88:1 · APCA Lc 55
Najlepszy kolor tekstu: #000000
WCAG 8.88:1 (AAA) · APCA Lc 55
Contrast pairs
Fragmenty kodu
CSS
:root {
--thermocline: #8fadbd;
--thermocline-rgb: 143 173 189;
--thermocline-oklch: oklch(0.73 0.04 231.3);
}
.element {
color: var(--thermocline);
background-color: hsl(201 26% 65%);
border-color: oklch(0.73 0.04 231.3);
}Tailwind CSS v4
@theme {
--color-thermocline: #8fadbd;
--color-thermocline-50: #eaf7ff;
--color-thermocline-100: #dbebf3;
--color-thermocline-200: #c4d8e3;
--color-thermocline-300: #a4bbc9;
--color-thermocline-400: #87a3b2;
--color-thermocline-500: #6b8b9c;
--color-thermocline-600: #5b7684;
--color-thermocline-700: #495e6a;
--color-thermocline-800: #34454e;
--color-thermocline-900: #233036;
--color-thermocline-950: #121c21;
}SCSS
$thermocline: #8fadbd;
$thermocline-rgb: 143, 173, 189;
$thermocline-light: mix(#fff, $thermocline, 20%);
$thermocline-dark: mix(#000, $thermocline, 20%);
.element {
color: $thermocline;
box-shadow: 0 0 0 2px rgba($thermocline, 0.35);
}