Warna bernama terdekat · #70D4CD
#70D4CD
Warna bernama terdekat: Hidden Sea Glass
#70D4CD (rgb(112 212 205), hsl(176 54% 64%), oklch(0.807 0.095 189.5)) paling mendekati warna bernama Hidden Sea Glass. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#70D4CD
oklch(0.807 0.095 189.5)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- 81D8D2
- 91DDD7
- A0E1DC
- AEE6E1
- BCEAE6
- CAEEEB
- D7F2F0
- E5F7F5
- F2FBFA
Shade
- 60B8B2
- 519D98
- 43837E
- 356966
- 27514E
- 1A3A38
- 0E2423
- 04100F
- 010202
Tone
- 74CBC5
- 77C3BD
- 7ABAB5
- 7CB2AD
- 7EA9A6
- 7FA19E
- 809996
- 80908F
- 808887
Harmoni warna
Komplementer +180°
- 70D4CD
Hidden Sea Glass
- F6A7B3
≈ Pink Fit
Analog -30° +30°
- 70D4CD
Hidden Sea Glass
- 89D3AB
≈ Pharaoh’s Jade
- 74CFEA
≈ Summer Splash
Triadik +120° +240°
- 70D4CD
Hidden Sea Glass
- D2AFEF
≈ Teasel Dipsacus
- E8B57C
≈ Terra Sol
Split-komplementer +150° +210°
- 70D4CD
Hidden Sea Glass
- EAA8D4
≈ Cosmic Pink
- F6AB92
≈ Pretty Primrose
Tetradik +90° +180° +270°
- 70D4CD
Hidden Sea Glass
- B3BAFD
≈ Greyish Lavender
- F6A7B3
≈ Pink Fit
- CFC279
≈ Tropical Moss
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.75:1 · APCA Lc 32
Ag
AAADi atas hitam
WCAG 11.98:1 · APCA Lc 71
Warna teks terbaik: #000000
WCAG 11.98:1 (AAA) · APCA Lc 71
Contrast pairs
Cuplikan kode
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);
}