Colore con nome · #6FD1C9
Hidden Sea Glass
Hidden Sea Glass è #6FD1C9: rgb(111 209 201), hsl(175 52% 63%), oklch(0.799 0.094 188.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Hidden Sea Glass color name →
#6FD1C9
oklch(0.799 0.094 188.5)
Conversioni di colore
- HEX
- #6fd1c9
- RGB
- rgb(111 209 201)
- HSL
- hsl(175 52% 63%)
- HWB
- hwb(175 44% 18%)
- OKLCH
- oklch(0.799 0.094 188.5)
- OKLab
- oklab(0.799 -0.093 -0.014)
- CIE Lab
- lab(77.75 -31.67 -5.46)
- LCH
- lch(77.75 32.14 189.8)
- CMYK
- cmyk(47% 0% 4% 18%)
Tinte · Ombre · Toni
Tinte
- 80D6CE
- 90DAD4
- 9FDFD9
- ADE4DE
- BCE8E4
- C9EDE9
- D7F2EF
- E4F6F4
- F2FBFA
Ombre
- 60B5AE
- 519B95
- 42817C
- 346864
- 27504C
- 1A3936
- 0E2322
- 04100F
- 010202
Toni
- 73C9C1
- 76C0BA
- 79B8B2
- 7BB0AB
- 7DA8A4
- 7EA09C
- 7F9895
- 80908E
- 808887
Armonie di colore
Complementare +180°
- 6FD1C9
Hidden Sea Glass
- F2A4B1
≈ Princess
Analogo -30° +30°
- 6FD1C9
Hidden Sea Glass
- 88D0A7
≈ Pharaoh’s Jade
- 72CCE6
≈ Big Chill
Triadico +120° +240°
- 6FD1C9
Hidden Sea Glass
- CFADEC
≈ Teasel Dipsacus
- E5B27A
≈ High Plateau
Complementare divisa +150° +210°
- 6FD1C9
Hidden Sea Glass
- E6A6D2
≈ Cosmic Pink
- F2A991
≈ Shishi Pink
Tetradico +90° +180° +270°
- 6FD1C9
Hidden Sea Glass
- AFB8F9
≈ Purple Illusion
- F2A4B1
≈ Princess
- CDBF77
≈ Green Citrine
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.80:1 · APCA Lc 33
Ag
AAASu nero
WCAG 11.63:1 · APCA Lc 69
Miglior colore del testo: #000000
WCAG 11.63:1 (AAA) · APCA Lc 69
Contrast pairs
Frammenti di codice
CSS
:root {
--hidden-sea-glass: #6fd1c9;
--hidden-sea-glass-rgb: 111 209 201;
--hidden-sea-glass-oklch: oklch(0.799 0.094 188.5);
}
.element {
color: var(--hidden-sea-glass);
background-color: hsl(175 52% 63%);
border-color: oklch(0.799 0.094 188.5);
}Tailwind CSS v4
@theme {
--color-hidden-sea-glass: #6fd1c9;
--color-hidden-sea-glass-50: #d8fefb;
--color-hidden-sea-glass-100: #c5f3ef;
--color-hidden-sea-glass-200: #a6e2dd;
--color-hidden-sea-glass-300: #7cc7c2;
--color-hidden-sea-glass-400: #54b0a9;
--color-hidden-sea-glass-500: #199a92;
--color-hidden-sea-glass-600: #1b827c;
--color-hidden-sea-glass-700: #166863;
--color-hidden-sea-glass-800: #0e4d47;
--color-hidden-sea-glass-900: #093531;
--color-hidden-sea-glass-950: #00201d;
}SCSS
$hidden-sea-glass: #6fd1c9;
$hidden-sea-glass-rgb: 111, 209, 201;
$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);
}