Najbliższy nazwany kolor · #70D4CD
#70D4CD
Najbliższy nazwany kolor: Hidden Sea Glass
#70D4CD (rgb(112 212 205), hsl(176 54% 64%), oklch(0.807 0.095 189.5)) jest najbliższy nazwanemu kolorowi Hidden Sea Glass. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#70D4CD
oklch(0.807 0.095 189.5)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 81D8D2
- 91DDD7
- A0E1DC
- AEE6E1
- BCEAE6
- CAEEEB
- D7F2F0
- E5F7F5
- F2FBFA
Odcienie ciemniejsze
- 60B8B2
- 519D98
- 43837E
- 356966
- 27514E
- 1A3A38
- 0E2423
- 04100F
- 010202
Tony
- 74CBC5
- 77C3BD
- 7ABAB5
- 7CB2AD
- 7EA9A6
- 7FA19E
- 809996
- 80908F
- 808887
Harmonie kolorów
Komplementarna +180°
- 70D4CD
Hidden Sea Glass
- F6A7B3
≈ Pink Fit
Analogowa -30° +30°
- 70D4CD
Hidden Sea Glass
- 89D3AB
≈ Pharaoh’s Jade
- 74CFEA
≈ Summer Splash
Triada +120° +240°
- 70D4CD
Hidden Sea Glass
- D2AFEF
≈ Teasel Dipsacus
- E8B57C
≈ Terra Sol
Komplementarna rozszczepiona +150° +210°
- 70D4CD
Hidden Sea Glass
- EAA8D4
≈ Cosmic Pink
- F6AB92
≈ Pretty Primrose
Tetrada +90° +180° +270°
- 70D4CD
Hidden Sea Glass
- B3BAFD
≈ Greyish Lavender
- F6A7B3
≈ Pink Fit
- CFC279
≈ Tropical Moss
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.75:1 · APCA Lc 32
Ag
AAANa czerni
WCAG 11.98:1 · APCA Lc 71
Najlepszy kolor tekstu: #000000
WCAG 11.98:1 (AAA) · APCA Lc 71
Contrast pairs
Fragmenty kodu
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);
}