Colore con nome · #DABF92
Del Sol Maize
Del Sol Maize è #DABF92: rgb(218 191 146), hsl(38 49% 71%), oklch(0.817 0.067 80.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Del Sol Maize color name →
#DABF92
oklch(0.817 0.067 80.2)
Conversioni di colore
- HEX
- #dabf92
- RGB
- rgb(218 191 146)
- HSL
- hsl(38 49% 71%)
- HWB
- hwb(38 57% 15%)
- OKLCH
- oklch(0.817 0.067 80.2)
- OKLab
- oklab(0.817 0.011 0.066)
- CIE Lab
- lab(78.86 5.14 26.49)
- LCH
- lch(78.86 26.98 79)
- CMYK
- cmyk(0% 12% 33% 15%)
Tinte · Ombre · Toni
Tinte
- DEC59D
- E1CCA8
- E5D2B3
- E9D9BE
- EDDFC8
- F0E5D3
- F4ECDE
- F8F2E9
- FBF9F4
Ombre
- BDA67E
- A28D6B
- 877558
- 6C5E46
- 544835
- 3C3325
- 251F16
- 110D08
- 020201
Toni
- D1B991
- C7B28F
- BEAC8D
- B5A58C
- AC9F8A
- A39988
- 9A9386
- 918C84
- 898682
Armonie di colore
Complementare +180°
- DABF92
Del Sol Maize
- AAC4EF
≈ Sky High
Analogo -30° +30°
- DABF92
Del Sol Maize
- E8B79D
≈ Seasonal Beige
- C5C895
≈ Creamy Spinaci
Triadico +120° +240°
- DABF92
Del Sol Maize
- 8ED1D4
≈ Bora Bora Shore
- D7B6DE
≈ Pretty Petunia
Complementare divisa +150° +210°
- DABF92
Del Sol Maize
- 96CCE7
≈ Thresher Shark
- C2BCEC
≈ Vodka
Tetradico +90° +180° +270°
- DABF92
Del Sol Maize
- 97D2BD
≈ Wintermint
- AAC4EF
≈ Sky High
- E6B2C9
≈ Muddy Mauve
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.77:1 · APCA Lc 33
Ag
AAASu nero
WCAG 11.84:1 · APCA Lc 70
Miglior colore del testo: #000000
WCAG 11.84:1 (AAA) · APCA Lc 70
Contrast pairs
Frammenti di codice
CSS
:root {
--del-sol-maize: #dabf92;
--del-sol-maize-rgb: 218 191 146;
--del-sol-maize-oklch: oklch(0.817 0.067 80.2);
}
.element {
color: var(--del-sol-maize);
background-color: hsl(38 49% 71%);
border-color: oklch(0.817 0.067 80.2);
}Tailwind CSS v4
@theme {
--color-del-sol-maize: #dabf92;
--color-del-sol-maize-50: #fff4e0;
--color-del-sol-maize-100: #f3e6cf;
--color-del-sol-maize-200: #e3d2b5;
--color-del-sol-maize-300: #c9b591;
--color-del-sol-maize-400: #b39b71;
--color-del-sol-maize-500: #9d8151;
--color-del-sol-maize-600: #856e46;
--color-del-sol-maize-700: #6b5837;
--color-del-sol-maize-800: #4f4027;
--color-del-sol-maize-900: #372c1a;
--color-del-sol-maize-950: #22190b;
}SCSS
$del-sol-maize: #dabf92;
$del-sol-maize-rgb: 218, 191, 146;
$del-sol-maize-light: mix(#fff, $del-sol-maize, 20%);
$del-sol-maize-dark: mix(#000, $del-sol-maize, 20%);
.element {
color: $del-sol-maize;
box-shadow: 0 0 0 2px rgba($del-sol-maize, 0.35);
}