Color con nombre · #DBD7B7
Spring Day
Spring Day es #DBD7B7: rgb(219 215 183), hsl(53 33% 79%), oklch(0.874 0.043 101.4). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Yellow mean? → · Spring Day color name →
#DBD7B7
oklch(0.874 0.043 101.4)
Conversiones de color
- HEX
- #dbd7b7
- RGB
- rgb(219 215 183)
- HSL
- hsl(53 33% 79%)
- HWB
- hwb(53 72% 14%)
- OKLCH
- oklch(0.874 0.043 101.4)
- OKLab
- oklab(0.874 -0.008 0.042)
- CIE Lab
- lab(85.68 -2.5 16.38)
- LCH
- lch(85.68 16.57 98.7)
- CMYK
- cmyk(0% 2% 16% 14%)
Tintes · Sombras · Tonos
Tintes
- DFDBBE
- E2DFC5
- E6E3CC
- E9E7D4
- EDEBDB
- F0EFE2
- F4F3E9
- F8F7F0
- FBFBF8
Sombras
- BEBB9F
- A29F87
- 878570
- 6D6B5A
- 545245
- 3C3B31
- 26251E
- 11110C
- 020202
Tonos
- D2CEB1
- C8C5AC
- BFBCA6
- B6B3A1
- ACAB9B
- A3A296
- 9A9990
- 91918B
- 898885
Armonías de color
Complementario +180°
- DBD7B7
Spring Day
- D0D3F2
≈ Garden Fairy
Análogo -30° +30°
- DBD7B7
Spring Day
- E8D2B8
≈ Minimum Beige
- CCDCBF
≈ Bethany
Triádico +120° +240°
- DBD7B7
Spring Day
- B8DDEA
≈ Bright and Breezy
- EACBDE
≈ Vanity Pink
Complementario dividido +150° +210°
- DBD7B7
Spring Day
- C2D8F2
≈ Light Powder Blue
- DFCEEB
≈ Plum’s the Word
Tetrádico +90° +180° +270°
- DBD7B7
Spring Day
- B6DFDC
≈ Frosty Soft Blue
- D0D3F2
≈ Garden Fairy
- F0CBCE
≈ Abloom
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.45:1 · APCA Lc 22
Ag
AAASobre negro
WCAG 14.41:1 · APCA Lc 82
Mejor color de texto: #000000
WCAG 14.41:1 (AAA) · APCA Lc 82
Contrast pairs
Fragmentos de código
CSS
:root {
--spring-day: #dbd7b7;
--spring-day-rgb: 219 215 183;
--spring-day-oklch: oklch(0.874 0.043 101.4);
}
.element {
color: var(--spring-day);
background-color: hsl(53 33% 79%);
border-color: oklch(0.874 0.043 101.4);
}Tailwind CSS v4
@theme {
--color-spring-day: #dbd7b7;
--color-spring-day-50: #f7f6e8;
--color-spring-day-100: #eae9d9;
--color-spring-day-200: #d7d5c1;
--color-spring-day-300: #bbb9a0;
--color-spring-day-400: #a3a083;
--color-spring-day-500: #8c8767;
--color-spring-day-600: #767357;
--color-spring-day-700: #5f5c45;
--color-spring-day-800: #464332;
--color-spring-day-900: #302e22;
--color-spring-day-950: #1d1b11;
}SCSS
$spring-day: #dbd7b7;
$spring-day-rgb: 219, 215, 183;
$spring-day-light: mix(#fff, $spring-day, 20%);
$spring-day-dark: mix(#000, $spring-day, 20%);
.element {
color: $spring-day;
box-shadow: 0 0 0 2px rgba($spring-day, 0.35);
}