Benannte Farbe · #D4A88D
Peachy Confection
Peachy Confection ist #D4A88D: rgb(212 168 141), hsl(23 45% 69%), oklch(0.765 0.064 53). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Peachy Confection color name →
#D4A88D
oklch(0.765 0.064 53)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- D9B198
- DDB9A3
- E1C2AF
- E6CABA
- EAD3C5
- EEDCD1
- F3E5DC
- F7EDE8
- FBF6F3
Shades
- B8927A
- 9D7C67
- 836755
- 695244
- 513F33
- 3A2C23
- 241A14
- 100A07
- 020101
Tones
- CBA48C
- C3A08B
- BA9C8A
- B29888
- AA9487
- A19086
- 998C84
- 918883
- 888481
Farbharmonien
Komplementär +180°
- D4A88D
Peachy Confection
- 8ABAD5
≈ Simply Posh
Analog -30° +30°
- D4A88D
Peachy Confection
- D9A3A0
≈ Passive Pink
- C7AF84
≈ Earth Chi
Triadisch +120° +240°
- D4A88D
Peachy Confection
- 88C0AF
≈ Seaborn
- B4ACD8
≈ Purple Hibiscus
Geteilt komplementär +150° +210°
- D4A88D
Peachy Confection
- 81BFC5
≈ Celestine
- 9DB3DC
≈ Myrtle Flower
Tetradisch +90° +180° +270°
- D4A88D
Peachy Confection
- 9BBE99
≈ Quiet Green
- 8ABAD5
≈ Simply Posh
- C7A5CB
≈ Tea Towel
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.14:1 · APCA Lc 42
Ag
AAAAuf Schwarz
WCAG 9.78:1 · APCA Lc 60
Beste Textfarbe: #000000
WCAG 9.78:1 (AAA) · APCA Lc 60
Contrast pairs
Code-Snippets
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);
}