Warna bernama · #EFE7EB
Bride
Bride adalah #EFE7EB: rgb(239 231 235), hsl(330 20% 92%), oklch(0.935 0.01 345.4). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Gray mean? → · Bride color name →
#EFE7EB
oklch(0.935 0.01 345.4)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- F1E9ED
- F2ECEF
- F4EEF1
- F5F1F3
- F7F3F5
- F9F5F7
- FAF8F9
- FCFAFB
- FDFDFD
Shade
- D0C9CC
- B1ABAE
- 948F91
- 787375
- 5C595B
- 424041
- 2A2829
- 141313
- 030303
Tone
- E3DCE0
- D8D2D5
- CCC7CA
- C1BCBF
- B6B2B4
- ABA8A9
- A09E9F
- 959494
- 8B8A8A
Harmoni warna
Komplementer +180°
- EFE7EB
Bride
- E4ECE8
≈ Morning Song
Analog -30° +30°
- EFE7EB
Bride
- ECE8EE
≈ Feathery Lilac
- F0E7E7
≈ Frosty Morning
Triadik +120° +240°
- EFE7EB
Bride
- EAEAE2
≈ White Moderne
- E3EBEF
≈ Calla Lily
Split-komplementer +150° +210°
- EFE7EB
Bride
- E7EBE5
≈ Frothy Surf
- E2ECEC
≈ Aquifer
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.21:1 · APCA Lc 11
Ag
AAADi atas hitam
WCAG 17.30:1 · APCA Lc 94
Warna teks terbaik: #000000
WCAG 17.30:1 (AAA) · APCA Lc 94
Contrast pairs
Cuplikan kode
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);
}