Benannte Farbe · #99DDCC
Tropical Freeze
Tropical Freeze ist #99DDCC: rgb(153 221 204), hsl(165 50% 73%), oklch(0.847 0.073 177.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Teal mean? → · Tropical Freeze color name →
#99DDCC
oklch(0.847 0.073 177.1)
Farbumrechnungen
- HEX
- #99ddcc
- RGB
- rgb(153 221 204)
- HSL
- hsl(165 50% 73%)
- HWB
- hwb(165 60% 13%)
- OKLCH
- oklch(0.847 0.073 177.1)
- OKLab
- oklab(0.847 -0.073 0.004)
- CIE Lab
- lab(83.22 -24.98 1.17)
- LCH
- lch(83.22 25.01 177.3)
- CMYK
- cmyk(31% 0% 8% 13%)
Tints · Shades · Tones
Tints
- A4E0D1
- AFE4D6
- B9E7DB
- C3EBE0
- CDEEE5
- D7F2EA
- E1F5EF
- EBF8F5
- F5FCFA
Shades
- 84C0B1
- 70A497
- 5D887E
- 4A6E65
- 38554E
- 273D37
- 172622
- 08110F
- 010202
Tones
- 97D3C4
- 95CABC
- 93C0B5
- 91B7AD
- 8EAEA5
- 8CA49E
- 899B96
- 86928F
- 838987
Farbharmonien
Komplementär +180°
- 99DDCC
Tropical Freeze
- F5BACD
≈ Christy’s Smile
Analog -30° +30°
- 99DDCC
Tropical Freeze
- AEDAB2
≈ Big Spender
- 93DBE5
≈ Quiet Pond
Triadisch +120° +240°
- 99DDCC
Tropical Freeze
- D1C4F7
≈ Innocent Snowdrop
- F2C29F
≈ Almond Cream
Geteilt komplementär +150° +210°
- 99DDCC
Tropical Freeze
- E7BDE6
≈ Blackberry Yoghurt
- F9BBB3
≈ Mixed Fruit
Tetradisch +90° +180° +270°
- 99DDCC
Tropical Freeze
- B8CCFD
≈ Ice Cold Stare
- F5BACD
≈ Christy’s Smile
- E1CB96
≈ Abstract
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.54:1 · APCA Lc 25
Ag
AAAAuf Schwarz
WCAG 13.56:1 · APCA Lc 78
Beste Textfarbe: #000000
WCAG 13.56:1 (AAA) · APCA Lc 78
Contrast pairs
Code-Snippets
CSS
:root {
--tropical-freeze: #99ddcc;
--tropical-freeze-rgb: 153 221 204;
--tropical-freeze-oklch: oklch(0.847 0.073 177.1);
}
.element {
color: var(--tropical-freeze);
background-color: hsl(165 50% 73%);
border-color: oklch(0.847 0.073 177.1);
}Tailwind CSS v4
@theme {
--color-tropical-freeze: #99ddcc;
--color-tropical-freeze-50: #e0fcf5;
--color-tropical-freeze-100: #cff0e8;
--color-tropical-freeze-200: #b4dfd5;
--color-tropical-freeze-300: #8fc4b8;
--color-tropical-freeze-400: #6ead9e;
--color-tropical-freeze-500: #4b9685;
--color-tropical-freeze-600: #407f71;
--color-tropical-freeze-700: #33665a;
--color-tropical-freeze-800: #244b41;
--color-tropical-freeze-900: #18342d;
--color-tropical-freeze-950: #091f1a;
}SCSS
$tropical-freeze: #99ddcc;
$tropical-freeze-rgb: 153, 221, 204;
$tropical-freeze-light: mix(#fff, $tropical-freeze, 20%);
$tropical-freeze-dark: mix(#000, $tropical-freeze, 20%);
.element {
color: $tropical-freeze;
box-shadow: 0 0 0 2px rgba($tropical-freeze, 0.35);
}