Named color · #F5E6E6
Pink Vibernum
Pink Vibernum is #F5E6E6: rgb(245 230 230), hsl(0 43% 93%), oklch(0.937 0.016 17.4). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Pink Vibernum color name →
#F5E6E6
oklch(0.937 0.016 17.4)
Color conversions
- HEX
- #f5e6e6
- RGB
- rgb(245 230 230)
- HSL
- hsl(0 43% 93%)
- HWB
- hwb(0 90% 4%)
- OKLCH
- oklch(0.937 0.016 17.4)
- OKLab
- oklab(0.937 0.016 0.005)
- CIE Lab
- lab(92.5 5.27 1.93)
- LCH
- lch(92.5 5.61 20.1)
- CMYK
- cmyk(0% 6% 6% 4%)
Tints · Shades · Tones
Tints
- F6E8E8
- F7EBEB
- F8EDED
- F9F0F0
- FAF2F2
- FBF5F5
- FCF7F7
- FDFAFA
- FEFCFC
Shades
- D5C8C8
- B6ABAB
- 988E8E
- 7B7373
- 5F5959
- 444040
- 2B2828
- 151313
- 030303
Tones
- E9DBDB
- DDD1D1
- D1C6C6
- C5BCBC
- B9B2B2
- ADA7A7
- A29D9D
- 969493
- 8B8A8A
Color harmonies
Complementary +180°
- F5E6E6
Pink Vibernum
- DEEEEE
≈ White Glaze
Analogous -30° +30°
- F5E6E6
Pink Vibernum
- F3E6EC
≈ Amour Frais
- F4E7E1
≈ Potpourri
Triadic +120° +240°
- F5E6E6
Pink Vibernum
- E5EDE2
≈ Calm Thoughts
- E3EBF5
≈ Out Cold
Split-complementary +150° +210°
- F5E6E6
Pink Vibernum
- E0EEE8
≈ Morning Light Wave
- DFEDF3
≈ Out Cold
Tetradic +90° +180° +270°
- F5E6E6
Pink Vibernum
- EBEBDF
≈ Winter Glaze
- DEEEEE
≈ White Glaze
- E9E9F5
≈ Tranquil Eve
Contrast & accessibility
Ag
FailOn white
WCAG 1.21:1 · APCA Lc 10
Ag
AAAOn black
WCAG 17.34:1 · APCA Lc 94
Best text color: #000000
WCAG 17.34:1 (AAA) · APCA Lc 94
Contrast pairs
Code snippets
CSS
:root {
--pink-vibernum: #f5e6e6;
--pink-vibernum-rgb: 245 230 230;
--pink-vibernum-oklch: oklch(0.937 0.016 17.4);
}
.element {
color: var(--pink-vibernum);
background-color: hsl(0 43% 93%);
border-color: oklch(0.937 0.016 17.4);
}Tailwind CSS v4
@theme {
--color-pink-vibernum: #f5e6e6;
--color-pink-vibernum-50: #faf3f3;
--color-pink-vibernum-100: #ede6e6;
--color-pink-vibernum-200: #dbd2d1;
--color-pink-vibernum-300: #c0b4b4;
--color-pink-vibernum-400: #a89b9b;
--color-pink-vibernum-500: #918282;
--color-pink-vibernum-600: #7a6e6e;
--color-pink-vibernum-700: #625858;
--color-pink-vibernum-800: #484040;
--color-pink-vibernum-900: #322c2c;
--color-pink-vibernum-950: #1e1919;
}SCSS
$pink-vibernum: #f5e6e6;
$pink-vibernum-rgb: 245, 230, 230;
$pink-vibernum-light: mix(#fff, $pink-vibernum, 20%);
$pink-vibernum-dark: mix(#000, $pink-vibernum, 20%);
.element {
color: $pink-vibernum;
box-shadow: 0 0 0 2px rgba($pink-vibernum, 0.35);
}