Named color · #EFE7EB
Bride
Bride is #EFE7EB: rgb(239 231 235), hsl(330 20% 92%), oklch(0.935 0.01 345.4). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Bride color name →
#EFE7EB
oklch(0.935 0.01 345.4)
Color conversions
- HEX
- #efe7eb
- RGB
- rgb(239 231 235)
- HSL
- hsl(330 20% 92%)
- HWB
- hwb(330 91% 6%)
- OKLCH
- oklch(0.935 0.01 345.4)
- OKLab
- oklab(0.935 0.01 -0.003)
- CIE Lab
- lab(92.37 3.32 -0.94)
- LCH
- lch(92.37 3.45 344.2)
- CMYK
- cmyk(0% 3% 2% 6%)
Tints · Shades · Tones
Tints
- F1E9ED
- F2ECEF
- F4EEF1
- F5F1F3
- F7F3F5
- F9F5F7
- FAF8F9
- FCFAFB
- FDFDFD
Shades
- D0C9CC
- B1ABAE
- 948F91
- 787375
- 5C595B
- 424041
- 2A2829
- 141313
- 030303
Tones
- E3DCE0
- D8D2D5
- CCC7CA
- C1BCBF
- B6B2B4
- ABA8A9
- A09E9F
- 959494
- 8B8A8A
Color harmonies
Complementary +180°
- EFE7EB
Bride
- E4ECE8
≈ Morning Song
Analogous -30° +30°
- EFE7EB
Bride
- ECE8EE
≈ Feathery Lilac
- F0E7E7
≈ Frosty Morning
Triadic +120° +240°
- EFE7EB
Bride
- EAEAE2
≈ White Moderne
- E3EBEF
≈ Calla Lily
Split-complementary +150° +210°
- EFE7EB
Bride
- E7EBE5
≈ Frothy Surf
- E2ECEC
≈ Aquifer
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.21:1 · APCA Lc 11
Ag
AAAOn black
WCAG 17.30:1 · APCA Lc 94
Best text color: #000000
WCAG 17.30:1 (AAA) · APCA Lc 94
Contrast pairs
Code snippets
CSS
:root {
--bride: #efe7eb;
--bride-rgb: 239 231 235;
--bride-oklch: oklch(0.935 0.01 345.4);
}
.element {
color: var(--bride);
background-color: hsl(330 20% 92%);
border-color: oklch(0.935 0.01 345.4);
}Tailwind CSS v4
@theme {
--color-bride: #efe7eb;
--color-bride-50: #f7f4f6;
--color-bride-100: #ebe6e8;
--color-bride-200: #d8d2d5;
--color-bride-300: #bcb5b8;
--color-bride-400: #a39ca0;
--color-bride-500: #8b8488;
--color-bride-600: #766f73;
--color-bride-700: #5e595c;
--color-bride-800: #454143;
--color-bride-900: #302d2e;
--color-bride-950: #1c1a1b;
}SCSS
$bride: #efe7eb;
$bride-rgb: 239, 231, 235;
$bride-light: mix(#fff, $bride, 20%);
$bride-dark: mix(#000, $bride, 20%);
.element {
color: $bride;
box-shadow: 0 0 0 2px rgba($bride, 0.35);
}