Colore con nome · #E3A381
Peachy Tint
Peachy Tint è #E3A381: rgb(227 163 129), hsl(21 64% 70%), oklch(0.769 0.089 48.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Peachy Tint color name →
#E3A381
oklch(0.769 0.089 48.9)
Conversioni di colore
- HEX
- #e3a381
- RGB
- rgb(227 163 129)
- HSL
- hsl(21 64% 70%)
- HWB
- hwb(21 51% 11%)
- OKLCH
- oklch(0.769 0.089 48.9)
- OKLab
- oklab(0.769 0.059 0.067)
- CIE Lab
- lab(72.68 21.43 27.57)
- LCH
- lch(72.68 34.92 52.1)
- CMYK
- cmyk(0% 28% 43% 11%)
Tinte · Ombre · Toni
Tinte
- E6AC8E
- EAB59A
- EDBFA7
- F0C8B3
- F3D1C0
- F5DACC
- F8E3D9
- FAEDE5
- FDF6F2
Ombre
- C58D6F
- A8785E
- 8C634E
- 714F3E
- 573C2E
- 3F2A1F
- 271912
- 120A06
- 030101
Toni
- D9A081
- CF9C82
- C59982
- BB9582
- B19282
- A88E82
- 9E8B81
- 948781
- 8A8481
Armonie di colore
Complementare +180°
- E3A381
Peachy Tint
- 74BFE1
≈ Bff Blue
Analogo -30° +30°
- E3A381
Peachy Tint
- E79D9D
≈ Pale Berry
- D3AD71
≈ Earthen Sienna
Triadico +120° +240°
- E3A381
Peachy Tint
- 77C6AA
≈ Green Balloon
- B1ABEA
≈ Maximum Blue Purple
Complementare divisa +150° +210°
- E3A381
Peachy Tint
- 67C5C9
≈ Paradise Sky
- 91B5ED
≈ Electric Eel
Tetradico +90° +180° +270°
- E3A381
Peachy Tint
- 97C28B
≈ Picnic
- 74BFE1
≈ Bff Blue
- CDA2D8
≈ Spring Wisteria
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.13:1 · APCA Lc 42
Ag
AAASu nero
WCAG 9.82:1 · APCA Lc 60
Miglior colore del testo: #000000
WCAG 9.82:1 (AAA) · APCA Lc 60
Contrast pairs
Frammenti di codice
CSS
:root {
--peachy-tint: #e3a381;
--peachy-tint-rgb: 227 163 129;
--peachy-tint-oklch: oklch(0.769 0.089 48.9);
}
.element {
color: var(--peachy-tint);
background-color: hsl(21 64% 70%);
border-color: oklch(0.769 0.089 48.9);
}Tailwind CSS v4
@theme {
--color-peachy-tint: #e3a381;
--color-peachy-tint-50: #ffefdf;
--color-peachy-tint-100: #ffe0ce;
--color-peachy-tint-200: #f5cab2;
--color-peachy-tint-300: #ddab8e;
--color-peachy-tint-400: #ca8f6f;
--color-peachy-tint-500: #b6734f;
--color-peachy-tint-600: #9a6244;
--color-peachy-tint-700: #7b4e36;
--color-peachy-tint-800: #5c3827;
--color-peachy-tint-900: #40271a;
--color-peachy-tint-950: #29150a;
}SCSS
$peachy-tint: #e3a381;
$peachy-tint-rgb: 227, 163, 129;
$peachy-tint-light: mix(#fff, $peachy-tint, 20%);
$peachy-tint-dark: mix(#000, $peachy-tint, 20%);
.element {
color: $peachy-tint;
box-shadow: 0 0 0 2px rgba($peachy-tint, 0.35);
}