Couleur nommée la plus proche · #9AE8CE
#9AE8CE
Couleur nommée la plus proche: Beach Glass
#9AE8CE (rgb(154 232 206), hsl(160 63% 76%), oklch(0.873 0.085 171.3)) est la plus proche de la couleur nommée Beach Glass. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#9AE8CE
oklch(0.873 0.085 171.3)
Conversions de couleur
- HEX
- #9ae8ce
- RGB
- rgb(154 232 206)
- HSL
- hsl(160 63% 76%)
- HWB
- hwb(160 60% 9%)
- OKLCH
- oklch(0.873 0.085 171.3)
- OKLab
- oklab(0.873 -0.084 0.013)
- CIE Lab
- lab(86.4 -29.23 4.68)
- LCH
- lch(86.4 29.6 170.9)
- CMYK
- cmyk(34% 0% 11% 9%)
Teintes · Ombres · Tons
Teintes
- A5EAD3
- B0EDD8
- BAEFDD
- C5F2E1
- CFF4E6
- D9F6EB
- E2F8F0
- ECFBF5
- F6FDFA
Ombres
- 85CAB3
- 71AC98
- 5E907F
- 4B7466
- 39594E
- 274038
- 172923
- 09130F
- 010302
Tons
- 98DDC6
- 96D2BE
- 94C8B6
- 92BDAE
- 8FB3A6
- 8DA99E
- 8A9E97
- 87948F
- 838A87
Harmonies de couleurs
Complémentaire +180°
- 9AE8CE
Beach Glass
- FFC0DB
≈ Cotton Candy
Analogue -30° +30°
- 9AE8CE
Beach Glass
- B6E4AF
≈ Mint Cocktail Green
- 8EE7ED
≈ Aqua Fiesta
Triadique +120° +240°
- 9AE8CE
Beach Glass
- D5CEFF
≈ Pale Lavender
- FFC8A8
≈ Bright Citrus
Complémentaire divisée +150° +210°
- 9AE8CE
Beach Glass
- F0C3F8
≈ Light Lavender
- FFC4C2
≈ Ladylike
Tétradique +90° +180° +270°
- 9AE8CE
Beach Glass
- BFD6FF
≈ Pale Phthalo Blue
- FFC0DB
≈ Cotton Candy
- F2D094
≈ Impala
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.41:1 · APCA Lc 20
Ag
AAASur noir
WCAG 14.80:1 · APCA Lc 83
Meilleure couleur de texte: #000000
WCAG 14.80:1 (AAA) · APCA Lc 83
Contrast pairs
Extraits de code
CSS
:root {
--beach-glass: #9ae8ce;
--beach-glass-rgb: 154 232 206;
--beach-glass-oklch: oklch(0.873 0.085 171.3);
}
.element {
color: var(--beach-glass);
background-color: hsl(160 63% 76%);
border-color: oklch(0.873 0.085 171.3);
}Tailwind CSS v4
@theme {
--color-beach-glass: #9ae8ce;
--color-beach-glass-50: #ddfef3;
--color-beach-glass-100: #ccf2e5;
--color-beach-glass-200: #afe1d1;
--color-beach-glass-300: #89c6b3;
--color-beach-glass-400: #67af98;
--color-beach-glass-500: #40987f;
--color-beach-glass-600: #38816b;
--color-beach-glass-700: #2c6756;
--color-beach-glass-800: #204c3d;
--color-beach-glass-900: #15352a;
--color-beach-glass-950: #062018;
}SCSS
$beach-glass: #9ae8ce;
$beach-glass-rgb: 154, 232, 206;
$beach-glass-light: mix(#fff, $beach-glass, 20%);
$beach-glass-dark: mix(#000, $beach-glass, 20%);
.element {
color: $beach-glass;
box-shadow: 0 0 0 2px rgba($beach-glass, 0.35);
}