Colore con nome · #E7D5AD
Caramelised Pears
Caramelised Pears è #E7D5AD: rgb(231 213 173), hsl(41 55% 79%), oklch(0.878 0.056 86.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Caramelised Pears color name →
#E7D5AD
oklch(0.878 0.056 86.6)
Conversioni di colore
- HEX
- #e7d5ad
- RGB
- rgb(231 213 173)
- HSL
- hsl(41 55% 79%)
- HWB
- hwb(41 68% 9%)
- OKLCH
- oklch(0.878 0.056 86.6)
- OKLab
- oklab(0.878 0.003 0.056)
- CIE Lab
- lab(86.01 1.93 22.23)
- LCH
- lch(86.01 22.32 85)
- CMYK
- cmyk(0% 8% 25% 9%)
Tinte · Ombre · Toni
Tinte
- E9D9B5
- ECDDBD
- EEE2C6
- F1E6CE
- F3EAD6
- F5EEDE
- F8F2E6
- FAF7EF
- FDFBF7
Ombre
- C9B996
- AB9E7F
- 8F836A
- 736A55
- 595141
- 403A2D
- 28241B
- 13100B
- 030201
Toni
- DCCCA9
- D2C3A4
- C7BBA0
- BDB29B
- B2AA97
- A8A192
- 9E998E
- 949089
- 8A8885
Armonie di colore
Complementare +180°
- E7D5AD
Caramelised Pears
- C6D7FD
≈ Pale Phthalo Blue
Analogo -30° +30°
- E7D5AD
Caramelised Pears
- F5CEB3
≈ Royal Milk Tea
- D4DCB2
≈ Spring Thyme
Triadico +120° +240°
- E7D5AD
Caramelised Pears
- ACE2E9
≈ Powder Blue
- EBCAEB
≈ Sugar High
Complementare divisa +150° +210°
- E7D5AD
Caramelised Pears
- B4DDF8
≈ Endless Horizon
- DAD0F8
≈ Pale Lavender
Tetradico +90° +180° +270°
- E7D5AD
Caramelised Pears
- B0E4D6
≈ Ice Cube
- C6D7FD
≈ Pale Phthalo Blue
- F7C8D7
≈ Utterly Pink
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.44:1 · APCA Lc 21
Ag
AAASu nero
WCAG 14.51:1 · APCA Lc 82
Miglior colore del testo: #000000
WCAG 14.51:1 (AAA) · APCA Lc 82
Contrast pairs
Frammenti di codice
CSS
:root {
--caramelised-pears: #e7d5ad;
--caramelised-pears-rgb: 231 213 173;
--caramelised-pears-oklch: oklch(0.878 0.056 86.6);
}
.element {
color: var(--caramelised-pears);
background-color: hsl(41 55% 79%);
border-color: oklch(0.878 0.056 86.6);
}Tailwind CSS v4
@theme {
--color-caramelised-pears: #e7d5ad;
--color-caramelised-pears-50: #fcf5e3;
--color-caramelised-pears-100: #efe7d3;
--color-caramelised-pears-200: #ded4ba;
--color-caramelised-pears-300: #c3b697;
--color-caramelised-pears-400: #ad9d78;
--color-caramelised-pears-500: #97845a;
--color-caramelised-pears-600: #7f704d;
--color-caramelised-pears-700: #66593d;
--color-caramelised-pears-800: #4b412c;
--color-caramelised-pears-900: #342d1d;
--color-caramelised-pears-950: #201a0d;
}SCSS
$caramelised-pears: #e7d5ad;
$caramelised-pears-rgb: 231, 213, 173;
$caramelised-pears-light: mix(#fff, $caramelised-pears, 20%);
$caramelised-pears-dark: mix(#000, $caramelised-pears, 20%);
.element {
color: $caramelised-pears;
box-shadow: 0 0 0 2px rgba($caramelised-pears, 0.35);
}