Colore con nome più vicino · #FFE5D2
#FFE5D2
Colore con nome più vicino: Blossom
#FFE5D2 (rgb(255 229 210), hsl(25 100% 91%), oklch(0.938 0.038 58.4)) è più vicino al colore con nome Blossom. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#FFE5D2
oklch(0.938 0.038 58.4)
Conversioni di colore
- HEX
- #ffe5d2
- RGB
- rgb(255 229 210)
- HSL
- hsl(25 100% 91%)
- HWB
- hwb(25 82% 0%)
- OKLCH
- oklch(0.938 0.038 58.4)
- OKLab
- oklab(0.938 0.02 0.033)
- CIE Lab
- lab(92.72 7.01 12.72)
- LCH
- lch(92.72 14.52 61.1)
- CMYK
- cmyk(0% 10% 18% 0%)
Tinte · Ombre · Toni
Tinte
- FFE8D7
- FFEADB
- FFEDE0
- FFEFE4
- FFF2E9
- FFF5ED
- FFF7F1
- FFFAF6
- FFFCFA
Ombre
- DEC7B6
- BEAA9B
- 9E8E81
- 807268
- 635850
- 483F39
- 2E2824
- 161210
- 030302
Toni
- F2DACA
- E4D0C1
- D7C6B9
- CABBB0
- BEB1A8
- B1A7A0
- A59D98
- 989390
- 8C8A88
Armonie di colore
Complementare +180°
- FFE5D2
Blossom
- D7EEFF
≈ Ice Castle
Analogo -30° +30°
- FFE5D2
Blossom
- FFE3DF
≈ Misty Rose
- F5EACE
≈ Yoghurt Brûlée
Triadico +120° +240°
- FFE5D2
Blossom
- D0F3EB
≈ Waterslide
- EDE6FF
≈ Cyber Lavender
Complementare divisa +150° +210°
- FFE5D2
Blossom
- CEF2F8
≈ Windswept
- E2EAFF
≈ Glitter
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.20:1 · APCA Lc 10
Ag
AAASu nero
WCAG 17.39:1 · APCA Lc 94
Miglior colore del testo: #000000
WCAG 17.39:1 (AAA) · APCA Lc 94
Contrast pairs
Frammenti di codice
CSS
:root {
--blossom: #ffe5d2;
--blossom-rgb: 255 229 210;
--blossom-oklch: oklch(0.938 0.038 58.4);
}
.element {
color: var(--blossom);
background-color: hsl(25 100% 91%);
border-color: oklch(0.938 0.038 58.4);
}Tailwind CSS v4
@theme {
--color-blossom: #ffe5d2;
--color-blossom-50: #fef3ea;
--color-blossom-100: #f2e5db;
--color-blossom-200: #e1d1c4;
--color-blossom-300: #c7b3a4;
--color-blossom-400: #b09989;
--color-blossom-500: #9a806d;
--color-blossom-600: #826d5d;
--color-blossom-700: #68574a;
--color-blossom-800: #4d3f36;
--color-blossom-900: #362c25;
--color-blossom-950: #211913;
}SCSS
$blossom: #ffe5d2;
$blossom-rgb: 255, 229, 210;
$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);
}