Najbliższy nazwany kolor · #FFEFE5
#FFEFE5
Najbliższy nazwany kolor: Vanilla Blush
#FFEFE5 (rgb(255 239 229), hsl(23 100% 95%), oklch(0.962 0.022 54.3)) jest najbliższy nazwanemu kolorowi Vanilla Blush. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#FFEFE5
oklch(0.962 0.022 54.3)
Konwersje koloru
- HEX
- #ffefe5
- RGB
- rgb(255 239 229)
- HSL
- hsl(23 100% 95%)
- HWB
- hwb(23 90% 0%)
- OKLCH
- oklch(0.962 0.022 54.3)
- OKLab
- oklab(0.962 0.013 0.018)
- CIE Lab
- lab(95.53 4.37 6.89)
- LCH
- lch(95.53 8.16 57.6)
- CMYK
- cmyk(0% 6% 10% 0%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FFF1E8
- FFF2EA
- FFF4ED
- FFF5EF
- FFF7F2
- FFF9F5
- FFFAF7
- FFFCFA
- FFFDFC
Odcienie ciemniejsze
- DED0C7
- BEB1AA
- 9E948E
- 807872
- 635C58
- 48423F
- 2E2A28
- 161412
- 030303
Tony
- F2E3DA
- E4D8D0
- D7CCC6
- CAC1BB
- BEB6B1
- B1ABA7
- A4A09D
- 989593
- 8C8B8A
Harmonie kolorów
Komplementarna +180°
- FFEFE5
Vanilla Blush
- E5F5FF
≈ Kodama White
Analogowa -30° +30°
- FFEFE5
Vanilla Blush
- FFEEEC
≈ Voracious White
- F9F2E2
≈ Whitewashed Fence
Triada +120° +240°
- FFEFE5
Vanilla Blush
- E4F8F1
≈ Frosty Mint
- F3F0FF
≈ Cloud Break
Komplementarna rozszczepiona +150° +210°
- FFEFE5
Vanilla Blush
- E2F7F9
≈ Coastal Breeze
- ECF3FF
≈ Placebo Blue
Tetrada +90° +180° +270°
- FFEFE5
Vanilla Blush
- EAF7EA
≈ Floaty Bubble
- E5F5FF
≈ Kodama White
- FAEEFB
≈ Partial Pink
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.12:1 · APCA Lc 0
Ag
AAANa czerni
WCAG 18.73:1 · APCA Lc 99
Najlepszy kolor tekstu: #000000
WCAG 18.73:1 (AAA) · APCA Lc 99
Contrast pairs
Fragmenty kodu
CSS
:root {
--vanilla-blush: #ffefe5;
--vanilla-blush-rgb: 255 239 229;
--vanilla-blush-oklch: oklch(0.962 0.022 54.3);
}
.element {
color: var(--vanilla-blush);
background-color: hsl(23 100% 95%);
border-color: oklch(0.962 0.022 54.3);
}Tailwind CSS v4
@theme {
--color-vanilla-blush: #ffefe5;
--color-vanilla-blush-50: #faf4ef;
--color-vanilla-blush-100: #eee6e1;
--color-vanilla-blush-200: #dcd2cb;
--color-vanilla-blush-300: #c1b5ad;
--color-vanilla-blush-400: #a99b93;
--color-vanilla-blush-500: #928379;
--color-vanilla-blush-600: #7c6f66;
--color-vanilla-blush-700: #635852;
--color-vanilla-blush-800: #49403b;
--color-vanilla-blush-900: #322c29;
--color-vanilla-blush-950: #1e1917;
}SCSS
$vanilla-blush: #ffefe5;
$vanilla-blush-rgb: 255, 239, 229;
$vanilla-blush-light: mix(#fff, $vanilla-blush, 20%);
$vanilla-blush-dark: mix(#000, $vanilla-blush, 20%);
.element {
color: $vanilla-blush;
box-shadow: 0 0 0 2px rgba($vanilla-blush, 0.35);
}