Colore con nome · #E7C3AB
Peach Beauty
Peach Beauty è #E7C3AB: rgb(231 195 171), hsl(24 56% 79%), oklch(0.842 0.053 55.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Peach Beauty color name →
#E7C3AB
oklch(0.842 0.053 55.6)
Conversioni di colore
- HEX
- #e7c3ab
- RGB
- rgb(231 195 171)
- HSL
- hsl(24 56% 79%)
- HWB
- hwb(24 67% 9%)
- OKLCH
- oklch(0.842 0.053 55.6)
- OKLab
- oklab(0.842 0.03 0.043)
- CIE Lab
- lab(81.49 10.6 17.12)
- LCH
- lch(81.49 20.13 58.2)
- CMYK
- cmyk(0% 16% 26% 9%)
Tinte · Ombre · Toni
Tinte
- EAC9B3
- ECCFBC
- EFD5C4
- F1DBCC
- F3E1D5
- F6E7DD
- F8EDE6
- FAF3EE
- FDF9F6
Ombre
- C9A994
- AB907E
- 8F7868
- 736054
- 594A40
- 40342D
- 28201B
- 130E0B
- 030201
Toni
- DCBCA7
- D2B5A2
- C7AF9E
- BDA89A
- B2A196
- A89A91
- 9E948D
- 948D89
- 8A8784
Armonie di colore
Complementare +180°
- E7C3AB
Peach Beauty
- ABD1E9
≈ Gentle Wind
Analogo -30° +30°
- E7C3AB
Peach Beauty
- ECBFBA
≈ Bridal Bouquet
- DBC9A5
≈ Straw Harvest
Triadico +120° +240°
- E7C3AB
Peach Beauty
- A8D7C9
≈ Scud
- CDC5EA
≈ Soap
Complementare divisa +150° +210°
- E7C3AB
Peach Beauty
- A4D6DC
≈ Rapture Blue
- BBCBEE
≈ Cuddle
Tetradico +90° +180° +270°
- E7C3AB
Peach Beauty
- B6D5B7
≈ Enchanted Meadow
- ABD1E9
≈ Gentle Wind
- DEC0DE
≈ Epiphany
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.64:1 · APCA Lc 28
Ag
AAASu nero
WCAG 12.79:1 · APCA Lc 74
Miglior colore del testo: #000000
WCAG 12.79:1 (AAA) · APCA Lc 74
Contrast pairs
Frammenti di codice
CSS
:root {
--peach-beauty: #e7c3ab;
--peach-beauty-rgb: 231 195 171;
--peach-beauty-oklch: oklch(0.842 0.053 55.6);
}
.element {
color: var(--peach-beauty);
background-color: hsl(24 56% 79%);
border-color: oklch(0.842 0.053 55.6);
}Tailwind CSS v4
@theme {
--color-peach-beauty: #e7c3ab;
--color-peach-beauty-50: #fff2e7;
--color-peach-beauty-100: #f6e4d7;
--color-peach-beauty-200: #e6cfbf;
--color-peach-beauty-300: #cdb19e;
--color-peach-beauty-400: #b79781;
--color-peach-beauty-500: #a27d65;
--color-peach-beauty-600: #896a56;
--color-peach-beauty-700: #6e5544;
--color-peach-beauty-800: #513e31;
--color-peach-beauty-900: #392a21;
--color-peach-beauty-950: #231811;
}SCSS
$peach-beauty: #e7c3ab;
$peach-beauty-rgb: 231, 195, 171;
$peach-beauty-light: mix(#fff, $peach-beauty, 20%);
$peach-beauty-dark: mix(#000, $peach-beauty, 20%);
.element {
color: $peach-beauty;
box-shadow: 0 0 0 2px rgba($peach-beauty, 0.35);
}