Colore con nome più vicino · #FFE4D0
#FFE4D0
Colore con nome più vicino: Blossom
#FFE4D0 (rgb(255 228 208), hsl(26 100% 91%), oklch(0.936 0.04 58.8)) è più vicino al colore con nome Blossom. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#FFE4D0
oklch(0.936 0.04 58.8)
Conversioni di colore
- HEX
- #ffe4d0
- RGB
- rgb(255 228 208)
- HSL
- hsl(26 100% 91%)
- HWB
- hwb(26 82% 0%)
- OKLCH
- oklch(0.936 0.04 58.8)
- OKLab
- oklab(0.936 0.021 0.034)
- CIE Lab
- lab(92.44 7.28 13.35)
- LCH
- lch(92.44 15.21 61.4)
- CMYK
- cmyk(0% 11% 18% 0%)
Tinte · Ombre · Toni
Tinte
- FFE7D5
- FFE9D9
- FFECDE
- FFEFE3
- FFF2E8
- FFF4EC
- FFF7F1
- FFFAF6
- FFFCFA
Ombre
- DEC6B5
- BEA99A
- 9E8D80
- 807267
- 63584F
- 483F39
- 2E2823
- 161210
- 030302
Toni
- F2DAC8
- E4CFC0
- D7C5B7
- CABBAF
- BEB1A7
- B1A79F
- A59D97
- 989390
- 8C8A88
Armonie di colore
Complementare +180°
- FFE4D0
Blossom
- D5EEFF
≈ Ice Castle
Analogo -30° +30°
- FFE4D0
Blossom
- FFE2DD
≈ Lady Anne
- F5E9CC
≈ Maiden Hair
Triadico +120° +240°
- FFE4D0
Blossom
- CEF3EA
≈ Waterslide
- ECE5FF
≈ Cyber Lavender
Complementare divisa +150° +210°
- FFE4D0
Blossom
- CCF2F8
≈ Vaporised
- E1E9FF
≈ Glitter
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.21:1 · APCA Lc 11
Ag
AAASu nero
WCAG 17.26:1 · APCA Lc 93
Miglior colore del testo: #000000
WCAG 17.26:1 (AAA) · APCA Lc 93
Contrast pairs
Frammenti di codice
CSS
:root {
--blossom: #ffe4d0;
--blossom-rgb: 255 228 208;
--blossom-oklch: oklch(0.936 0.04 58.8);
}
.element {
color: var(--blossom);
background-color: hsl(26 100% 91%);
border-color: oklch(0.936 0.04 58.8);
}Tailwind CSS v4
@theme {
--color-blossom: #ffe4d0;
--color-blossom-50: #fef3ea;
--color-blossom-100: #f2e5db;
--color-blossom-200: #e2d1c4;
--color-blossom-300: #c7b3a3;
--color-blossom-400: #b19987;
--color-blossom-500: #9b806c;
--color-blossom-600: #836d5c;
--color-blossom-700: #695749;
--color-blossom-800: #4d3f35;
--color-blossom-900: #362b24;
--color-blossom-950: #211913;
}SCSS
$blossom: #ffe4d0;
$blossom-rgb: 255, 228, 208;
$blossom-light: mix(#fff, $blossom, 20%);
$blossom-dark: mix(#000, $blossom, 20%);
.element {
color: $blossom;
box-shadow: 0 0 0 2px rgba($blossom, 0.35);
}