Color con nombre más cercano · #3EB7A6
#3EB7A6
Color con nombre más cercano: Emerald Bliss
#3EB7A6 (rgb(62 183 166), hsl(172 49% 48%), oklch(0.708 0.109 182)) se parece más al color con nombre Emerald Bliss. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#3EB7A6
oklch(0.708 0.109 182)
Conversiones de color
- HEX
- #3eb7a6
- RGB
- rgb(62 183 166)
- HSL
- hsl(172 49% 48%)
- HWB
- hwb(172 24% 28%)
- OKLCH
- oklch(0.708 0.109 182)
- OKLab
- oklab(0.708 -0.109 -0.004)
- CIE Lab
- lab(67.52 -37.85 -1.68)
- LCH
- lch(67.52 37.89 182.5)
- CMYK
- cmyk(66% 0% 9% 28%)
Tintes · Sombras · Tonos
Tintes
- 59BEAF
- 6FC6B7
- 83CDC0
- 96D4C9
- A8DBD2
- BAE3DB
- CCEAE4
- DDF1ED
- EEF8F6
Sombras
- 359F90
- 2B877A
- 237065
- 1A5A51
- 12453E
- 0A312B
- 041E1A
- 010C0A
- 000201
Tonos
- 4BB2A2
- 55AC9E
- 5DA79A
- 64A197
- 6B9C93
- 70968F
- 75918B
- 798B87
- 7D8684
Armonías de color
Complementario +180°
- 3EB7A6
Emerald Bliss
- D9839C
≈ Primrose
Análogo -30° +30°
- 3EB7A6
Emerald Bliss
- 6AB57F
≈ Appleton
- 38B3C8
≈ Utopia Beckons
Triádico +120° +240°
- 3EB7A6
Emerald Bliss
- AE90DA
≈ Middy’s Purple
- D29156
≈ Polo Pony
Complementario dividido +150° +210°
- 3EB7A6
Emerald Bliss
- C987BF
≈ Dragonflies
- DC8776
≈ Love Sceptre
Tetrádico +90° +180° +270°
- 3EB7A6
Emerald Bliss
- 899DE5
≈ Portage
- D9839C
≈ Primrose
- B99F4A
≈ Underbrush
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.46:1 · APCA Lc 48
Ag
AAASobre negro
WCAG 8.52:1 · APCA Lc 54
Mejor color de texto: #000000
WCAG 8.52:1 (AAA) · APCA Lc 54
Contrast pairs
Fragmentos de código
CSS
:root {
--emerald-bliss: #3eb7a6;
--emerald-bliss-rgb: 62 183 166;
--emerald-bliss-oklch: oklch(0.708 0.109 182);
}
.element {
color: var(--emerald-bliss);
background-color: hsl(172 49% 48%);
border-color: oklch(0.708 0.109 182);
}Tailwind CSS v4
@theme {
--color-emerald-bliss: #3eb7a6;
--color-emerald-bliss-50: #d4fff8;
--color-emerald-bliss-100: #c0f4ec;
--color-emerald-bliss-200: #9fe4d9;
--color-emerald-bliss-300: #72cabd;
--color-emerald-bliss-400: #44b3a3;
--color-emerald-bliss-500: #009d8b;
--color-emerald-bliss-600: #008576;
--color-emerald-bliss-700: #006a5e;
--color-emerald-bliss-800: #004e44;
--color-emerald-bliss-900: #00362f;
--color-emerald-bliss-950: #00211b;
}SCSS
$emerald-bliss: #3eb7a6;
$emerald-bliss-rgb: 62, 183, 166;
$emerald-bliss-light: mix(#fff, $emerald-bliss, 20%);
$emerald-bliss-dark: mix(#000, $emerald-bliss, 20%);
.element {
color: $emerald-bliss;
box-shadow: 0 0 0 2px rgba($emerald-bliss, 0.35);
}