Color con nombre más cercano · #FDF5DB
#FDF5DB
Color con nombre más cercano: Buttermelon
#FDF5DB (rgb(253 245 219), hsl(46 89% 93%), oklch(0.97 0.035 92.8)) se parece más al color con nombre Buttermelon. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#FDF5DB
oklch(0.97 0.035 92.8)
Conversiones de color
- HEX
- #fdf5db
- RGB
- rgb(253 245 219)
- HSL
- hsl(46 89% 93%)
- HWB
- hwb(46 86% 1%)
- OKLCH
- oklch(0.97 0.035 92.8)
- OKLab
- oklab(0.97 -0.002 0.035)
- CIE Lab
- lab(96.66 -0.37 13.58)
- LCH
- lch(96.66 13.58 91.6)
- CMYK
- cmyk(0% 3% 13% 1%)
Tintes · Sombras · Tonos
Tintes
- FDF6DF
- FDF7E2
- FEF8E6
- FEF9EA
- FEFAED
- FEFBF1
- FEFCF4
- FFFDF8
- FFFEFB
Sombras
- DCD5BE
- BCB6A2
- 9D9887
- 7F7B6D
- 625F54
- 47443C
- 2D2B26
- 161511
- 030302
Tonos
- F0E9D2
- E3DDC8
- D6D1BF
- C9C5B6
- BDB9AD
- B0ADA3
- A4A29A
- 989692
- 8C8B89
Armonías de color
Complementario +180°
- FDF5DB
Buttermelon
- F2F5FF
≈ Cotton Ball
Análogo -30° +30°
- FDF5DB
Buttermelon
- FFF3E8
≈ What’s Left
- F0F9E0
≈ Lemon Sugar
Triádico +120° +240°
- FDF5DB
Buttermelon
- E3FAFF
≈ Calm Waters
- FFF0FC
≈ Pinkish White
Complementario dividido +150° +210°
- FDF5DB
Buttermelon
- ECF7FF
≈ Alice Blue
- F7F2FF
≈ Cloud Break
Tetrádico +90° +180° +270°
- FDF5DB
Buttermelon
- DCFDF7
≈ Mint Condition
- F2F5FF
≈ Cotton Ball
- FFF1F4
≈ Lavender Blush
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.09:1 · APCA Lc 0
Ag
AAASobre negro
WCAG 19.26:1 · APCA Lc 101
Mejor color de texto: #000000
WCAG 19.26:1 (AAA) · APCA Lc 101
Contrast pairs
Fragmentos de código
CSS
:root {
--buttermelon: #fdf5db;
--buttermelon-rgb: 253 245 219;
--buttermelon-oklch: oklch(0.97 0.035 92.8);
}
.element {
color: var(--buttermelon);
background-color: hsl(46 89% 93%);
border-color: oklch(0.97 0.035 92.8);
}Tailwind CSS v4
@theme {
--color-buttermelon: #fdf5db;
--color-buttermelon-50: #f8f5ea;
--color-buttermelon-100: #ebe8db;
--color-buttermelon-200: #d9d4c4;
--color-buttermelon-300: #bdb8a4;
--color-buttermelon-400: #a59e87;
--color-buttermelon-500: #8e866c;
--color-buttermelon-600: #78715c;
--color-buttermelon-700: #605b49;
--color-buttermelon-800: #474235;
--color-buttermelon-900: #312e24;
--color-buttermelon-950: #1d1a13;
}SCSS
$buttermelon: #fdf5db;
$buttermelon-rgb: 253, 245, 219;
$buttermelon-light: mix(#fff, $buttermelon, 20%);
$buttermelon-dark: mix(#000, $buttermelon, 20%);
.element {
color: $buttermelon;
box-shadow: 0 0 0 2px rgba($buttermelon, 0.35);
}