Color con nombre · #EAC7CB
Oh so Pretty
Oh so Pretty es #EAC7CB: rgb(234 199 203), hsl(353 45% 85%), oklch(0.861 0.04 10.2). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Pink mean? → · Oh so Pretty color name →
#EAC7CB
oklch(0.861 0.04 10.2)
Conversiones de color
- HEX
- #eac7cb
- RGB
- rgb(234 199 203)
- HSL
- hsl(353 45% 85%)
- HWB
- hwb(353 78% 8%)
- OKLCH
- oklch(0.861 0.04 10.2)
- OKLab
- oklab(0.861 0.039 0.007)
- CIE Lab
- lab(83.37 13.24 2.84)
- LCH
- lch(83.37 13.54 12.1)
- CMYK
- cmyk(0% 15% 13% 8%)
Tintes · Sombras · Tonos
Tintes
- ECCDD0
- EED2D5
- F1D8DA
- F3DDE0
- F5E3E5
- F7E8EA
- F9EEEF
- FBF4F4
- FDF9FA
Sombras
- CBADB0
- AE9396
- 917A7D
- 756265
- 5A4C4D
- 413637
- 292122
- 130E0F
- 030202
Tonos
- DFC0C3
- D4B8BC
- C9B1B4
- BFAAAC
- B4A3A5
- A99C9D
- 9F9596
- 948E8E
- 8A8787
Armonías de color
Complementario +180°
- EAC7CB
Oh so Pretty
- B4DAD7
≈ Ring Box Blue
Análogo -30° +30°
- EAC7CB
Oh so Pretty
- E4C8D9
≈ Kiss Good Night
- E9C9BE
≈ Au Naturel
Triádico +120° +240°
- EAC7CB
Oh so Pretty
- C8D7BC
≈ Willow Tree Mouse
- BED4EB
≈ Light Water Wash
Complementario dividido +150° +210°
- EAC7CB
Oh so Pretty
- BCDAC8
≈ Dusty Aqua
- B5D8E4
≈ Fresh Dawn
Tetrádico +90° +180° +270°
- EAC7CB
Oh so Pretty
- D7D2B5
≈ Pistachio Tang
- B4DAD7
≈ Ring Box Blue
- CBCFEC
≈ Frozen Periwinkle
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.55:1 · APCA Lc 25
Ag
AAASobre negro
WCAG 13.53:1 · APCA Lc 78
Mejor color de texto: #000000
WCAG 13.53:1 (AAA) · APCA Lc 78
Contrast pairs
Fragmentos de código
CSS
:root {
--oh-so-pretty: #eac7cb;
--oh-so-pretty-rgb: 234 199 203;
--oh-so-pretty-oklch: oklch(0.861 0.04 10.2);
}
.element {
color: var(--oh-so-pretty);
background-color: hsl(353 45% 85%);
border-color: oklch(0.861 0.04 10.2);
}Tailwind CSS v4
@theme {
--color-oh-so-pretty: #eac7cb;
--color-oh-so-pretty-50: #fff1f2;
--color-oh-so-pretty-100: #f5e3e4;
--color-oh-so-pretty-200: #e5ced0;
--color-oh-so-pretty-300: #cbafb2;
--color-oh-so-pretty-400: #b59599;
--color-oh-so-pretty-500: #9f7c80;
--color-oh-so-pretty-600: #86696c;
--color-oh-so-pretty-700: #6b5457;
--color-oh-so-pretty-800: #4f3d40;
--color-oh-so-pretty-900: #372a2c;
--color-oh-so-pretty-950: #221719;
}SCSS
$oh-so-pretty: #eac7cb;
$oh-so-pretty-rgb: 234, 199, 203;
$oh-so-pretty-light: mix(#fff, $oh-so-pretty, 20%);
$oh-so-pretty-dark: mix(#000, $oh-so-pretty, 20%);
.element {
color: $oh-so-pretty;
box-shadow: 0 0 0 2px rgba($oh-so-pretty, 0.35);
}