Colore con nome più vicino · #DDA38E
#DDA38E
Colore con nome più vicino: Apricotta
#DDA38E (rgb(221 163 142), hsl(16 54% 71%), oklch(0.765 0.075 40.8)) è più vicino al colore con nome Apricotta. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#DDA38E
oklch(0.765 0.075 40.8)
Conversioni di colore
- HEX
- #dda38e
- RGB
- rgb(221 163 142)
- HSL
- hsl(16 54% 71%)
- HWB
- hwb(16 56% 13%)
- OKLCH
- oklch(0.765 0.075 40.8)
- OKLab
- oklab(0.765 0.057 0.049)
- CIE Lab
- lab(72.22 20.12 19.81)
- LCH
- lch(72.22 28.23 44.6)
- CMYK
- cmyk(0% 26% 36% 13%)
Tinte · Ombre · Toni
Tinte
- E1AC99
- E5B5A4
- E8BEAF
- ECC8BA
- EFD1C6
- F3DAD1
- F6E3DC
- F9ECE8
- FCF6F3
Ombre
- C08D7B
- A47868
- 886356
- 6E4F44
- 553C34
- 3D2A24
- 261915
- 110A07
- 020101
Toni
- D4A08D
- CA9C8C
- C1998A
- B89589
- AE9288
- A58E86
- 9C8B85
- 938783
- 898482
Armonie di colore
Complementare +180°
- DDA38E
Apricotta
- 7ABED4
≈ Cologne
Analogo -30° +30°
- DDA38E
Apricotta
- DE9FA7
≈ Nana’s Rose
- D2AB7E
≈ Toast and Butter
Triadico +120° +240°
- DDA38E
Apricotta
- 87C2A3
≈ Lark Green
- A9AEE2
≈ Maximum Blue Purple
Complementare divisa +150° +210°
- DDA38E
Apricotta
- 77C2BE
≈ Gentle Wave
- 8FB7E2
≈ Adrift on the Nile
Tetradico +90° +180° +270°
- DDA38E
Apricotta
- A2BD8A
≈ Gaia Stone
- 7ABED4
≈ Cologne
- C2A6D7
≈ Perfume
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.16:1 · APCA Lc 42
Ag
AAASu nero
WCAG 9.70:1 · APCA Lc 60
Miglior colore del testo: #000000
WCAG 9.70:1 (AAA) · APCA Lc 60
Contrast pairs
Frammenti di codice
CSS
:root {
--apricotta: #dda38e;
--apricotta-rgb: 221 163 142;
--apricotta-oklch: oklch(0.765 0.075 40.8);
}
.element {
color: var(--apricotta);
background-color: hsl(16 54% 71%);
border-color: oklch(0.765 0.075 40.8);
}Tailwind CSS v4
@theme {
--color-apricotta: #dda38e;
--color-apricotta-50: #ffefe4;
--color-apricotta-100: #ffe0d4;
--color-apricotta-200: #f1cbbb;
--color-apricotta-300: #daac99;
--color-apricotta-400: #c6907c;
--color-apricotta-500: #b1755f;
--color-apricotta-600: #966351;
--color-apricotta-700: #784f40;
--color-apricotta-800: #59392f;
--color-apricotta-900: #3e2720;
--color-apricotta-950: #27150f;
}SCSS
$apricotta: #dda38e;
$apricotta-rgb: 221, 163, 142;
$apricotta-light: mix(#fff, $apricotta, 20%);
$apricotta-dark: mix(#000, $apricotta, 20%);
.element {
color: $apricotta;
box-shadow: 0 0 0 2px rgba($apricotta, 0.35);
}