Couleur nommée la plus proche · #6FCDC3
#6FCDC3
Couleur nommée la plus proche: Hidden Sea Glass
#6FCDC3 (rgb(111 205 195), hsl(174 48% 62%), oklch(0.788 0.091 186.6)) 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.
#6FCDC3
oklch(0.788 0.091 186.6)
Conversions de couleur
- HEX
- #6fcdc3
- RGB
- rgb(111 205 195)
- HSL
- hsl(174 48% 62%)
- HWB
- hwb(174 44% 20%)
- OKLCH
- oklch(0.788 0.091 186.6)
- OKLab
- oklab(0.788 -0.091 -0.01)
- CIE Lab
- lab(76.44 -31.07 -4.16)
- LCH
- lch(76.44 31.35 187.6)
- CMYK
- cmyk(46% 0% 5% 20%)
Teintes · Ombres · Tons
Teintes
- 80D2C9
- 8FD7CF
- 9EDCD5
- ADE1DB
- BBE6E1
- C9EBE7
- D7F0ED
- E4F5F3
- F2FAF9
Ombres
- 60B2A9
- 519890
- 427E78
- 346660
- 274E4A
- 1A3834
- 0E2320
- 040F0E
- 010202
Tons
- 73C5BC
- 76BDB5
- 79B6AE
- 7BAEA8
- 7DA6A1
- 7E9E9A
- 7F9794
- 808F8D
- 808886
Harmonies de couleurs
Complémentaire +180°
- 6FCDC3
Hidden Sea Glass
- EDA1B0
≈ Pinque
Analogue -30° +30°
- 6FCDC3
Hidden Sea Glass
- 88CCA2
≈ Frost Gum
- 70C9E0
≈ Hawaiian Breeze
Triadique +120° +240°
- 6FCDC3
Hidden Sea Glass
- C9ABE8
≈ Tropical Violet
- E2AF7A
≈ Wooden Sword
Complémentaire divisée +150° +210°
- 6FCDC3
Hidden Sea Glass
- E0A4D0
≈ Chateau Rose
- EEA591
≈ Stone Fruit
Tétradique +90° +180° +270°
- 6FCDC3
Hidden Sea Glass
- AAB5F4
≈ Wondrous Wisteria
- EDA1B0
≈ Pinque
- CABA75
≈ Pistachio Shortbread
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.87:1 · APCA Lc 35
Ag
AAASur noir
WCAG 11.19:1 · APCA Lc 67
Meilleure couleur de texte: #000000
WCAG 11.19:1 (AAA) · APCA Lc 67
Contrast pairs
Extraits de code
CSS
:root {
--hidden-sea-glass: #6fcdc3;
--hidden-sea-glass-rgb: 111 205 195;
--hidden-sea-glass-oklch: oklch(0.788 0.091 186.6);
}
.element {
color: var(--hidden-sea-glass);
background-color: hsl(174 48% 62%);
border-color: oklch(0.788 0.091 186.6);
}Tailwind CSS v4
@theme {
--color-hidden-sea-glass: #6fcdc3;
--color-hidden-sea-glass-50: #d9fefa;
--color-hidden-sea-glass-100: #c6f2ee;
--color-hidden-sea-glass-200: #a8e1dc;
--color-hidden-sea-glass-300: #7fc7c0;
--color-hidden-sea-glass-400: #57b0a7;
--color-hidden-sea-glass-500: #239990;
--color-hidden-sea-glass-600: #22827a;
--color-hidden-sea-glass-700: #1b6861;
--color-hidden-sea-glass-800: #124c46;
--color-hidden-sea-glass-900: #0c3531;
--color-hidden-sea-glass-950: #00201d;
}SCSS
$hidden-sea-glass: #6fcdc3;
$hidden-sea-glass-rgb: 111, 205, 195;
$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);
}