Couleur nommée la plus proche · #9FD9C8
#9FD9C8
Couleur nommée la plus proche: Tropical Freeze
#9FD9C8 (rgb(159 217 200), hsl(162 43% 74%), oklch(0.841 0.064 174.6)) est la plus proche de la couleur nommée Tropical Freeze. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#9FD9C8
oklch(0.841 0.064 174.6)
Conversions de couleur
- HEX
- #9fd9c8
- RGB
- rgb(159 217 200)
- HSL
- hsl(162 43% 74%)
- HWB
- hwb(162 62% 15%)
- OKLCH
- oklch(0.841 0.064 174.6)
- OKLab
- oklab(0.841 -0.064 0.006)
- CIE Lab
- lab(82.36 -21.97 2.09)
- LCH
- lch(82.36 22.07 174.6)
- CMYK
- cmyk(27% 0% 8% 15%)
Teintes · Ombres · Tons
Teintes
- A9DDCD
- B3E1D3
- BDE5D8
- C6E8DE
- D0ECE3
- D9F0E9
- E3F4EE
- ECF7F4
- F6FBF9
Ombres
- 8ABCAE
- 75A194
- 61867B
- 4D6C63
- 3B534C
- 293B36
- 182521
- 09110F
- 010202
Tons
- 9CD0C1
- 9AC7B9
- 97BEB2
- 94B5AB
- 91ACA3
- 8EA39C
- 8A9A95
- 87918E
- 848987
Harmonies de couleurs
Complémentaire +180°
- 9FD9C8
Tropical Freeze
- EEBACD
≈ Cameo Pink
Analogue -30° +30°
- 9FD9C8
Tropical Freeze
- B2D6B1
≈ Flower Stem
- 99D7DE
≈ Exotic Escape
Triadique +120° +240°
- 9FD9C8
Tropical Freeze
- CDC3F1
≈ Soap
- EDC0A4
≈ Alesan
Complémentaire divisée +150° +210°
- 9FD9C8
Tropical Freeze
- E1BDE2
≈ Romantic Ballad
- F2BBB6
≈ Pinkathon
Tétradique +90° +180° +270°
- 9FD9C8
Tropical Freeze
- B6CBF6
≈ Ice Cold Stare
- EEBACD
≈ Cameo Pink
- DEC89B
≈ So Close
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.58:1 · APCA Lc 27
Ag
AAASur noir
WCAG 13.23:1 · APCA Lc 76
Meilleure couleur de texte: #000000
WCAG 13.23:1 (AAA) · APCA Lc 76
Contrast pairs
Extraits de code
CSS
:root {
--tropical-freeze: #9fd9c8;
--tropical-freeze-rgb: 159 217 200;
--tropical-freeze-oklch: oklch(0.841 0.064 174.6);
}
.element {
color: var(--tropical-freeze);
background-color: hsl(162 43% 74%);
border-color: oklch(0.841 0.064 174.6);
}Tailwind CSS v4
@theme {
--color-tropical-freeze: #9fd9c8;
--color-tropical-freeze-50: #e3fcf5;
--color-tropical-freeze-100: #d3efe7;
--color-tropical-freeze-200: #b8ded3;
--color-tropical-freeze-300: #95c3b6;
--color-tropical-freeze-400: #76ab9c;
--color-tropical-freeze-500: #559483;
--color-tropical-freeze-600: #497d6f;
--color-tropical-freeze-700: #3a6459;
--color-tropical-freeze-800: #2a4a40;
--color-tropical-freeze-900: #1c332c;
--color-tropical-freeze-950: #0c1f19;
}SCSS
$tropical-freeze: #9fd9c8;
$tropical-freeze-rgb: 159, 217, 200;
$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);
}