Adlandırılmış renk · #FFFEE5
Wedding in White
Wedding in White, #FFFEE5: rgb(255 254 229), hsl(58 100% 95%), oklch(0.991 0.033 105.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Wedding in White color name →
#FFFEE5
oklch(0.991 0.033 105.1)
Renk dönüşümleri
- HEX
- #fffee5
- RGB
- rgb(255 254 229)
- HSL
- hsl(58 100% 95%)
- HWB
- hwb(58 90% 0%)
- OKLCH
- oklch(0.991 0.033 105.1)
- OKLab
- oklab(0.991 -0.008 0.031)
- CIE Lab
- lab(99.24 -2.75 12.13)
- LCH
- lch(99.24 12.44 102.8)
- CMYK
- cmyk(0% 0% 10% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FFFEE8
- FFFEEA
- FFFEED
- FFFEF0
- FFFFF2
- FFFFF5
- FFFFF7
- FFFFFA
- FFFFFC
Koyu tonlar
- DEDDC7
- BEBDAA
- 9E9E8E
- 808072
- 636358
- 48473F
- 2E2D28
- 161612
- 030303
Gri tonlar
- F2F1DA
- E4E4D0
- D7D7C6
- CACABB
- BDBDB1
- B1B1A7
- A4A49D
- 989893
- 8C8C8A
Renk uyumları
Tamamlayıcı +180°
- FFFEE5
Wedding in White
- FCFCFF
≈ Pale Grey
Analog -30° +30°
- FFFEE5
Wedding in White
- FFFCF7
≈ Eyeball
- F7FFF4
≈ Touch of Mint
Üçlü +120° +240°
- FFFEE5
Wedding in White
- F8FDFF
≈ Deutzia White
- FFFBFD
≈ Flawed White
Bölünmüş tamamlayıcı +150° +210°
- FFFEE5
Wedding in White
- FAFCFF
≈ Wash Me
- FEFBFF
≈ Flawed White
Dörtlü +90° +180° +270°
- FFFEE5
Wedding in White
- F3FFFF
≈ Sparkling Snow
- FCFCFF
≈ Pale Grey
- FFFBFB
≈ Flawed White
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.02:1 · APCA Lc 0
Ag
AAASiyah üzerinde
WCAG 20.56:1 · APCA Lc 106
En iyi metin rengi: #000000
WCAG 20.56:1 (AAA) · APCA Lc 106
Contrast pairs
Kod parçacıkları
CSS
:root {
--wedding-in-white: #fffee5;
--wedding-in-white-rgb: 255 254 229;
--wedding-in-white-oklch: oklch(0.991 0.033 105.1);
}
.element {
color: var(--wedding-in-white);
background-color: hsl(58 100% 95%);
border-color: oklch(0.991 0.033 105.1);
}Tailwind CSS v4
@theme {
--color-wedding-in-white: #fffee5;
--color-wedding-in-white-50: #f6f6eb;
--color-wedding-in-white-100: #e9e9dd;
--color-wedding-in-white-200: #d5d5c6;
--color-wedding-in-white-300: #b9b9a6;
--color-wedding-in-white-400: #a1a08a;
--color-wedding-in-white-500: #89886f;
--color-wedding-in-white-600: #74735e;
--color-wedding-in-white-700: #5d5c4b;
--color-wedding-in-white-800: #444336;
--color-wedding-in-white-900: #2f2e25;
--color-wedding-in-white-950: #1c1b14;
}SCSS
$wedding-in-white: #fffee5;
$wedding-in-white-rgb: 255, 254, 229;
$wedding-in-white-light: mix(#fff, $wedding-in-white, 20%);
$wedding-in-white-dark: mix(#000, $wedding-in-white, 20%);
.element {
color: $wedding-in-white;
box-shadow: 0 0 0 2px rgba($wedding-in-white, 0.35);
}