Couleur nommée la plus proche · #EFE8EB
#EFE8EB
Couleur nommée la plus proche: Bride
#EFE8EB (rgb(239 232 235), hsl(334 18% 92%), oklch(0.937 0.009 349.3)) est la plus proche de la couleur nommée Bride. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#EFE8EB
oklch(0.937 0.009 349.3)
Conversions de couleur
- HEX
- #efe8eb
- RGB
- rgb(239 232 235)
- HSL
- hsl(334 18% 92%)
- HWB
- hwb(334 91% 6%)
- OKLCH
- oklch(0.937 0.009 349.3)
- OKLab
- oklab(0.937 0.008 -0.002)
- CIE Lab
- lab(92.61 2.83 -0.58)
- LCH
- lch(92.61 2.89 348.5)
- CMYK
- cmyk(0% 3% 2% 6%)
Teintes · Ombres · Tons
Teintes
- F1EAED
- F2EDEF
- F4EFF1
- F5F1F3
- F7F3F5
- F9F6F7
- FAF8F9
- FCFAFB
- FDFDFD
Ombres
- D0CACC
- B1ACAE
- 949091
- 787475
- 5C595B
- 424041
- 2A2929
- 141313
- 030303
Tons
- E3DDE0
- D8D2D5
- CCC8CA
- C1BDBF
- B6B3B4
- ABA8A9
- A09E9F
- 959494
- 8B8A8A
Harmonies de couleurs
Complémentaire +180°
- EFE8EB
Bride
- E5ECE9
≈ Morning Song
Analogue -30° +30°
- EFE8EB
Bride
- EDE8EE
≈ Greek Goddess
- F0E8E8
≈ Frosty Morning
Triadique +120° +240°
- EFE8EB
Bride
- EAEBE4
≈ High Hide White
- E5EBEF
≈ Blizzard
Complémentaire divisée +150° +210°
- EFE8EB
Bride
- E7ECE6
≈ Bone Dust
- E4ECEC
≈ Aquafir
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.20:1 · APCA Lc 10
Ag
AAASur noir
WCAG 17.41:1 · APCA Lc 94
Meilleure couleur de texte: #000000
WCAG 17.41:1 (AAA) · APCA Lc 94
Contrast pairs
Extraits de code
CSS
:root {
--bride: #efe8eb;
--bride-rgb: 239 232 235;
--bride-oklch: oklch(0.937 0.009 349.3);
}
.element {
color: var(--bride);
background-color: hsl(334 18% 92%);
border-color: oklch(0.937 0.009 349.3);
}Tailwind CSS v4
@theme {
--color-bride: #efe8eb;
--color-bride-50: #f7f4f5;
--color-bride-100: #eae7e8;
--color-bride-200: #d7d3d4;
--color-bride-300: #bbb6b8;
--color-bride-400: #a39c9f;
--color-bride-500: #8b8487;
--color-bride-600: #757072;
--color-bride-700: #5e595b;
--color-bride-800: #454143;
--color-bride-900: #2f2d2e;
--color-bride-950: #1c1a1b;
}SCSS
$bride: #efe8eb;
$bride-rgb: 239, 232, 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);
}