Color con nombre más cercano · #94D0C2
#94D0C2
Color con nombre más cercano: Wintermint
#94D0C2 (rgb(148 208 194), hsl(166 39% 70%), oklch(0.813 0.065 178.5)) se parece más al color con nombre Wintermint. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#94D0C2
oklch(0.813 0.065 178.5)
Conversiones de color
- HEX
- #94d0c2
- RGB
- rgb(148 208 194)
- HSL
- hsl(166 39% 70%)
- HWB
- hwb(166 58% 18%)
- OKLCH
- oklch(0.813 0.065 178.5)
- OKLab
- oklab(0.813 -0.065 0.002)
- CIE Lab
- lab(79.09 -22.24 0.46)
- LCH
- lch(79.09 22.24 178.8)
- CMYK
- cmyk(29% 0% 7% 18%)
Tintes · Sombras · Tonos
Tintes
- 9FD5C8
- AAD9CE
- B5DED4
- C0E3DA
- CAE8E0
- D5ECE6
- DFF1EC
- EAF6F3
- F5FAF9
Sombras
- 80B5A8
- 6D9A8F
- 5A8077
- 486760
- 364F49
- 263934
- 162320
- 08100E
- 010202
Tonos
- 93C8BB
- 91C0B4
- 8FB7AE
- 8EAFA7
- 8CA7A0
- 8A9F9A
- 879793
- 85908D
- 838886
Armonías de color
Complementario +180°
- 94D0C2
Wintermint
- E6B1C1
≈ Athena Pink
Análogo -30° +30°
- 94D0C2
Wintermint
- A6CEAB
≈ Mint Circle
- 90CED8
≈ Winter Chill
Triádico +120° +240°
- 94D0C2
Wintermint
- C7B9E7
≈ Drifting Dream
- E2B899
≈ So Baja
Complementario dividido +150° +210°
- 94D0C2
Wintermint
- DAB3D7
≈ Blushing Sky
- E9B3AA
≈ Shilo
Tetrádico +90° +180° +270°
- 94D0C2
Wintermint
- B0C1ED
≈ Larkspur Bud
- E6B1C1
≈ Athena Pink
- D3C092
≈ Monument Green
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.74:1 · APCA Lc 32
Ag
AAASobre negro
WCAG 12.06:1 · APCA Lc 71
Mejor color de texto: #000000
WCAG 12.06:1 (AAA) · APCA Lc 71
Contrast pairs
Fragmentos de código
CSS
:root {
--wintermint: #94d0c2;
--wintermint-rgb: 148 208 194;
--wintermint-oklch: oklch(0.813 0.065 178.5);
}
.element {
color: var(--wintermint);
background-color: hsl(166 39% 70%);
border-color: oklch(0.813 0.065 178.5);
}Tailwind CSS v4
@theme {
--color-wintermint: #94d0c2;
--color-wintermint-50: #e2fcf6;
--color-wintermint-100: #d2efe9;
--color-wintermint-200: #b7ded5;
--color-wintermint-300: #94c3b9;
--color-wintermint-400: #74ab9f;
--color-wintermint-500: #539486;
--color-wintermint-600: #477e72;
--color-wintermint-700: #38655b;
--color-wintermint-800: #284a42;
--color-wintermint-900: #1b332d;
--color-wintermint-950: #0b1f1a;
}SCSS
$wintermint: #94d0c2;
$wintermint-rgb: 148, 208, 194;
$wintermint-light: mix(#fff, $wintermint, 20%);
$wintermint-dark: mix(#000, $wintermint, 20%);
.element {
color: $wintermint;
box-shadow: 0 0 0 2px rgba($wintermint, 0.35);
}