Cor nomeada mais próxima · #EFC4CB
#EFC4CB
Cor nomeada mais próxima: Oh so Pink
#EFC4CB (rgb(239 196 203), hsl(350 57% 85%), oklch(0.86 0.05 7.2)) é mais próxima da cor nomeada Oh so Pink. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#EFC4CB
oklch(0.86 0.05 7.2)
Conversões de cor
- HEX
- #efc4cb
- RGB
- rgb(239 196 203)
- HSL
- hsl(350 57% 85%)
- HWB
- hwb(350 77% 6%)
- OKLCH
- oklch(0.86 0.05 7.2)
- OKLab
- oklab(0.86 0.049 0.006)
- CIE Lab
- lab(83.12 16.57 2.56)
- LCH
- lch(83.12 16.76 8.8)
- CMYK
- cmyk(0% 18% 15% 6%)
Tons claros · Sombras · Tons
Tons claros
- F1CAD0
- F3D0D5
- F4D6DA
- F6DBE0
- F8E1E5
- F9E7EA
- FBEDEF
- FCF3F4
- FEF9FA
Sombras
- D0AAB0
- B19196
- 94787D
- 786165
- 5C4A4D
- 423537
- 2A2122
- 140E0F
- 030202
Tons
- E4BDC3
- D8B6BC
- CDAFB4
- C2A8AC
- B6A1A5
- AB9B9D
- A09496
- 968D8E
- 8B8787
Harmonias de cor
Complementar +180°
- EFC4CB
Oh so Pink
- ADDCD6
≈ Jaded Clouds
Análoga -30° +30°
- EFC4CB
Oh so Pink
- E7C5DD
≈ Dreamy Memory
- EFC6BA
≈ Fleecy Dreams
Tríade +120° +240°
- EFC4CB
Oh so Pink
- C8D7B5
≈ Spice Garden
- B8D5F0
≈ Summer Birthday
Complementar dividida +150° +210°
- EFC4CB
Oh so Pink
- B7DBC4
≈ Sprite Twist
- ADDAE6
≈ Srsly Blue
Tétrade +90° +180° +270°
- EFC4CB
Oh so Pink
- DAD2AD
≈ Stardust
- ADDCD6
≈ Jaded Clouds
- C8CFF2
≈ Frozen Periwinkle
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.56:1 · APCA Lc 26
Ag
AAASobre preto
WCAG 13.42:1 · APCA Lc 77
Melhor cor de texto: #000000
WCAG 13.42:1 (AAA) · APCA Lc 77
Contrast pairs
Trechos de código
CSS
:root {
--oh-so-pink: #efc4cb;
--oh-so-pink-rgb: 239 196 203;
--oh-so-pink-oklch: oklch(0.86 0.05 7.2);
}
.element {
color: var(--oh-so-pink);
background-color: hsl(350 57% 85%);
border-color: oklch(0.86 0.05 7.2);
}Tailwind CSS v4
@theme {
--color-oh-so-pink: #efc4cb;
--color-oh-so-pink-50: #fff0f2;
--color-oh-so-pink-100: #f8e1e4;
--color-oh-so-pink-200: #e8ccd0;
--color-oh-so-pink-300: #cfadb2;
--color-oh-so-pink-400: #b99399;
--color-oh-so-pink-500: #a47980;
--color-oh-so-pink-600: #8a666d;
--color-oh-so-pink-700: #6f5257;
--color-oh-so-pink-800: #523b40;
--color-oh-so-pink-900: #39292c;
--color-oh-so-pink-950: #231719;
}SCSS
$oh-so-pink: #efc4cb;
$oh-so-pink-rgb: 239, 196, 203;
$oh-so-pink-light: mix(#fff, $oh-so-pink, 20%);
$oh-so-pink-dark: mix(#000, $oh-so-pink, 20%);
.element {
color: $oh-so-pink;
box-shadow: 0 0 0 2px rgba($oh-so-pink, 0.35);
}