Colore con nome · #D4A88D
Peachy Confection
Peachy Confection è #D4A88D: rgb(212 168 141), hsl(23 45% 69%), oklch(0.765 0.064 53). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Peachy Confection color name →
#D4A88D
oklch(0.765 0.064 53)
Conversioni di colore
- HEX
- #d4a88d
- RGB
- rgb(212 168 141)
- HSL
- hsl(23 45% 69%)
- HWB
- hwb(23 55% 17%)
- OKLCH
- oklch(0.765 0.064 53)
- OKLab
- oklab(0.765 0.038 0.051)
- CIE Lab
- lab(72.45 13.91 20.47)
- LCH
- lch(72.45 24.75 55.8)
- CMYK
- cmyk(0% 21% 33% 17%)
Tinte · Ombre · Toni
Tinte
- D9B198
- DDB9A3
- E1C2AF
- E6CABA
- EAD3C5
- EEDCD1
- F3E5DC
- F7EDE8
- FBF6F3
Ombre
- B8927A
- 9D7C67
- 836755
- 695244
- 513F33
- 3A2C23
- 241A14
- 100A07
- 020101
Toni
- CBA48C
- C3A08B
- BA9C8A
- B29888
- AA9487
- A19086
- 998C84
- 918883
- 888481
Armonie di colore
Complementare +180°
- D4A88D
Peachy Confection
- 8ABAD5
≈ Simply Posh
Analogo -30° +30°
- D4A88D
Peachy Confection
- D9A3A0
≈ Passive Pink
- C7AF84
≈ Earth Chi
Triadico +120° +240°
- D4A88D
Peachy Confection
- 88C0AF
≈ Seaborn
- B4ACD8
≈ Purple Hibiscus
Complementare divisa +150° +210°
- D4A88D
Peachy Confection
- 81BFC5
≈ Celestine
- 9DB3DC
≈ Myrtle Flower
Tetradico +90° +180° +270°
- D4A88D
Peachy Confection
- 9BBE99
≈ Quiet Green
- 8ABAD5
≈ Simply Posh
- C7A5CB
≈ Tea Towel
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.14:1 · APCA Lc 42
Ag
AAASu nero
WCAG 9.78:1 · APCA Lc 60
Miglior colore del testo: #000000
WCAG 9.78:1 (AAA) · APCA Lc 60
Contrast pairs
Frammenti di codice
CSS
:root {
--peachy-confection: #d4a88d;
--peachy-confection-rgb: 212 168 141;
--peachy-confection-oklch: oklch(0.765 0.064 53);
}
.element {
color: var(--peachy-confection);
background-color: hsl(23 45% 69%);
border-color: oklch(0.765 0.064 53);
}Tailwind CSS v4
@theme {
--color-peachy-confection: #d4a88d;
--color-peachy-confection-50: #fff1e4;
--color-peachy-confection-100: #fae3d4;
--color-peachy-confection-200: #ebcebb;
--color-peachy-confection-300: #d2af99;
--color-peachy-confection-400: #bd957b;
--color-peachy-confection-500: #a87b5e;
--color-peachy-confection-600: #8e6850;
--color-peachy-confection-700: #725340;
--color-peachy-confection-800: #553c2e;
--color-peachy-confection-900: #3b291f;
--color-peachy-confection-950: #25170f;
}SCSS
$peachy-confection: #d4a88d;
$peachy-confection-rgb: 212, 168, 141;
$peachy-confection-light: mix(#fff, $peachy-confection, 20%);
$peachy-confection-dark: mix(#000, $peachy-confection, 20%);
.element {
color: $peachy-confection;
box-shadow: 0 0 0 2px rgba($peachy-confection, 0.35);
}