Couleur nommée la plus proche · #70D4CD
#70D4CD
Couleur nommée la plus proche: Hidden Sea Glass
#70D4CD (rgb(112 212 205), hsl(176 54% 64%), oklch(0.807 0.095 189.5)) est la plus proche de la couleur nommée Hidden Sea Glass. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#70D4CD
oklch(0.807 0.095 189.5)
Conversions de couleur
- HEX
- #70d4cd
- RGB
- rgb(112 212 205)
- HSL
- hsl(176 54% 64%)
- HWB
- hwb(176 44% 17%)
- OKLCH
- oklch(0.807 0.095 189.5)
- OKLab
- oklab(0.807 -0.094 -0.016)
- CIE Lab
- lab(78.75 -31.97 -6.11)
- LCH
- lch(78.75 32.55 190.8)
- CMYK
- cmyk(47% 0% 3% 17%)
Teintes · Ombres · Tons
Teintes
- 81D8D2
- 91DDD7
- A0E1DC
- AEE6E1
- BCEAE6
- CAEEEB
- D7F2F0
- E5F7F5
- F2FBFA
Ombres
- 60B8B2
- 519D98
- 43837E
- 356966
- 27514E
- 1A3A38
- 0E2423
- 04100F
- 010202
Tons
- 74CBC5
- 77C3BD
- 7ABAB5
- 7CB2AD
- 7EA9A6
- 7FA19E
- 809996
- 80908F
- 808887
Harmonies de couleurs
Complémentaire +180°
- 70D4CD
Hidden Sea Glass
- F6A7B3
≈ Pink Fit
Analogue -30° +30°
- 70D4CD
Hidden Sea Glass
- 89D3AB
≈ Pharaoh’s Jade
- 74CFEA
≈ Summer Splash
Triadique +120° +240°
- 70D4CD
Hidden Sea Glass
- D2AFEF
≈ Teasel Dipsacus
- E8B57C
≈ Terra Sol
Complémentaire divisée +150° +210°
- 70D4CD
Hidden Sea Glass
- EAA8D4
≈ Cosmic Pink
- F6AB92
≈ Pretty Primrose
Tétradique +90° +180° +270°
- 70D4CD
Hidden Sea Glass
- B3BAFD
≈ Greyish Lavender
- F6A7B3
≈ Pink Fit
- CFC279
≈ Tropical Moss
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.75:1 · APCA Lc 32
Ag
AAASur noir
WCAG 11.98:1 · APCA Lc 71
Meilleure couleur de texte: #000000
WCAG 11.98:1 (AAA) · APCA Lc 71
Contrast pairs
Extraits de code
CSS
:root {
--hidden-sea-glass: #70d4cd;
--hidden-sea-glass-rgb: 112 212 205;
--hidden-sea-glass-oklch: oklch(0.807 0.095 189.5);
}
.element {
color: var(--hidden-sea-glass);
background-color: hsl(176 54% 64%);
border-color: oklch(0.807 0.095 189.5);
}Tailwind CSS v4
@theme {
--color-hidden-sea-glass: #70d4cd;
--color-hidden-sea-glass-50: #d7fefc;
--color-hidden-sea-glass-100: #c5f3f0;
--color-hidden-sea-glass-200: #a5e2de;
--color-hidden-sea-glass-300: #7bc7c3;
--color-hidden-sea-glass-400: #52b0aa;
--color-hidden-sea-glass-500: #129a93;
--color-hidden-sea-glass-600: #17827d;
--color-hidden-sea-glass-700: #136864;
--color-hidden-sea-glass-800: #0c4d48;
--color-hidden-sea-glass-900: #083532;
--color-hidden-sea-glass-950: #00201e;
}SCSS
$hidden-sea-glass: #70d4cd;
$hidden-sea-glass-rgb: 112, 212, 205;
$hidden-sea-glass-light: mix(#fff, $hidden-sea-glass, 20%);
$hidden-sea-glass-dark: mix(#000, $hidden-sea-glass, 20%);
.element {
color: $hidden-sea-glass;
box-shadow: 0 0 0 2px rgba($hidden-sea-glass, 0.35);
}