Benannte Farbe · #9CCEBE
Thermal Aqua
Thermal Aqua ist #9CCEBE: rgb(156 206 190), hsl(161 34% 71%), oklch(0.812 0.057 173.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Teal mean? → · Thermal Aqua color name →
#9CCEBE
oklch(0.812 0.057 173.2)
Farbumrechnungen
- HEX
- #9ccebe
- RGB
- rgb(156 206 190)
- HSL
- hsl(161 34% 71%)
- HWB
- hwb(161 61% 19%)
- OKLCH
- oklch(0.812 0.057 173.2)
- OKLab
- oklab(0.812 -0.056 0.007)
- CIE Lab
- lab(78.91 -19.43 2.4)
- LCH
- lch(78.91 19.58 172.9)
- CMYK
- cmyk(24% 0% 8% 19%)
Tints · Shades · Tones
Tints
- A6D3C4
- B0D8CB
- BADDD1
- C4E2D8
- CEE6DE
- D8EBE5
- E1F0EB
- EBF5F2
- F5FAF8
Shades
- 87B3A5
- 73988C
- 5F7F75
- 4C665E
- 394E48
- 283833
- 18231F
- 090F0D
- 010202
Tones
- 9AC6B8
- 97BEB1
- 94B6AB
- 92AEA5
- 8FA69E
- 8C9F98
- 899792
- 868F8C
- 838886
Farbharmonien
Komplementär +180°
- 9CCEBE
Thermal Aqua
- E0B3C4
≈ Mental Floss
Analog -30° +30°
- 9CCEBE
Thermal Aqua
- ADCCAA
≈ Spinach Dip
- 96CDD2
≈ Pentagon
Triadisch +120° +240°
- 9CCEBE
Thermal Aqua
- C2BBE4
≈ Pretty Posie
- E0B8A0
≈ Coral Bay
Geteilt komplementär +150° +210°
- 9CCEBE
Thermal Aqua
- D4B6D7
≈ Lilac Haze
- E4B4B0
≈ Pink Dust
Tetradisch +90° +180° +270°
- 9CCEBE
Thermal Aqua
- AEC2E7
≈ Promise
- E0B3C4
≈ Mental Floss
- D3BF98
≈ Sandy Pail
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.75:1 · APCA Lc 32
Ag
AAAAuf Schwarz
WCAG 11.98:1 · APCA Lc 71
Beste Textfarbe: #000000
WCAG 11.98:1 (AAA) · APCA Lc 71
Contrast pairs
Code-Snippets
CSS
:root {
--thermal-aqua: #9ccebe;
--thermal-aqua-rgb: 156 206 190;
--thermal-aqua-oklch: oklch(0.812 0.057 173.2);
}
.element {
color: var(--thermal-aqua);
background-color: hsl(161 34% 71%);
border-color: oklch(0.812 0.057 173.2);
}Tailwind CSS v4
@theme {
--color-thermal-aqua: #9ccebe;
--color-thermal-aqua-50: #e5fbf4;
--color-thermal-aqua-100: #d5eee7;
--color-thermal-aqua-200: #bcddd3;
--color-thermal-aqua-300: #9ac1b6;
--color-thermal-aqua-400: #7caa9b;
--color-thermal-aqua-500: #5d9383;
--color-thermal-aqua-600: #4f7c6f;
--color-thermal-aqua-700: #3f6358;
--color-thermal-aqua-800: #2e4940;
--color-thermal-aqua-900: #1f332c;
--color-thermal-aqua-950: #0e1e19;
}SCSS
$thermal-aqua: #9ccebe;
$thermal-aqua-rgb: 156, 206, 190;
$thermal-aqua-light: mix(#fff, $thermal-aqua, 20%);
$thermal-aqua-dark: mix(#000, $thermal-aqua, 20%);
.element {
color: $thermal-aqua;
box-shadow: 0 0 0 2px rgba($thermal-aqua, 0.35);
}