Benoemde kleur · #FEFEE7
Wedding Dress
Wedding Dress is #FEFEE7: rgb(254 254 231), hsl(60 92% 95%), oklch(0.991 0.03 106.9). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Gray mean? → · Wedding Dress color name →
#FEFEE7
oklch(0.991 0.03 106.9)
Kleurconversies
- HEX
- #fefee7
- RGB
- rgb(254 254 231)
- HSL
- hsl(60 92% 95%)
- HWB
- hwb(60 91% 0%)
- OKLCH
- oklch(0.991 0.03 106.9)
- OKLab
- oklab(0.991 -0.009 0.029)
- CIE Lab
- lab(99.2 -2.86 11.05)
- LCH
- lch(99.2 11.41 104.5)
- CMYK
- cmyk(0% 0% 9% 0%)
Tinten · Schaduwen · Tonen
Tinten
- FEFEE9
- FEFEEC
- FEFEEE
- FEFEF1
- FEFFF3
- FFFFF5
- FFFFF8
- FFFFFA
- FFFFFD
Schaduwen
- DDDDC9
- BDBDAB
- 9E9E8F
- 808073
- 636359
- 474740
- 2D2D28
- 161613
- 030303
Tonen
- F1F1DC
- E4E4D2
- D7D7C7
- CACABD
- BDBDB2
- B0B1A8
- A4A49E
- 989894
- 8C8C8A
Kleurharmonieën
Complementair +180°
- FEFEE7
Wedding Dress
- FCFCFF
≈ Pale Grey
Analoog -30° +30°
- FEFEE7
Wedding Dress
- FFFCF7
≈ Eyeball
- F7FFF4
≈ Touch of Mint
Triadisch +120° +240°
- FEFEE7
Wedding Dress
- F8FDFF
≈ Deutzia White
- FFFBFD
≈ Flawed White
Gesplitst complementair +150° +210°
- FEFEE7
Wedding Dress
- FAFCFF
≈ Wash Me
- FEFBFF
≈ Flawed White
Tetradisch +90° +180° +270°
- FEFEE7
Wedding Dress
- F3FFFF
≈ Sparkling Snow
- FCFCFF
≈ Pale Grey
- FFFBFB
≈ Flawed White
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.02:1 · APCA Lc 0
Ag
AAAOp zwart
WCAG 20.54:1 · APCA Lc 106
Beste tekstkleur: #000000
WCAG 20.54:1 (AAA) · APCA Lc 106
Contrast pairs
Codefragmenten
CSS
:root {
--wedding-dress: #fefee7;
--wedding-dress-rgb: 254 254 231;
--wedding-dress-oklch: oklch(0.991 0.03 106.9);
}
.element {
color: var(--wedding-dress);
background-color: hsl(60 92% 95%);
border-color: oklch(0.991 0.03 106.9);
}Tailwind CSS v4
@theme {
--color-wedding-dress: #fefee7;
--color-wedding-dress-50: #f5f6ec;
--color-wedding-dress-100: #e8e9de;
--color-wedding-dress-200: #d5d5c7;
--color-wedding-dress-300: #b8b9a8;
--color-wedding-dress-400: #a0a08c;
--color-wedding-dress-500: #888871;
--color-wedding-dress-600: #737360;
--color-wedding-dress-700: #5c5c4d;
--color-wedding-dress-800: #444337;
--color-wedding-dress-900: #2f2e26;
--color-wedding-dress-950: #1b1b14;
}SCSS
$wedding-dress: #fefee7;
$wedding-dress-rgb: 254, 254, 231;
$wedding-dress-light: mix(#fff, $wedding-dress, 20%);
$wedding-dress-dark: mix(#000, $wedding-dress, 20%);
.element {
color: $wedding-dress;
box-shadow: 0 0 0 2px rgba($wedding-dress, 0.35);
}