Colore con nome · #E5B792
Southern Peach
Southern Peach è #E5B792: rgb(229 183 146), hsl(27 61% 74%), oklch(0.812 0.073 60.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Southern Peach color name →
#E5B792
oklch(0.812 0.073 60.3)
Conversioni di colore
- HEX
- #e5b792
- RGB
- rgb(229 183 146)
- HSL
- hsl(27 61% 74%)
- HWB
- hwb(27 57% 10%)
- OKLCH
- oklch(0.812 0.073 60.3)
- OKLab
- oklab(0.812 0.036 0.063)
- CIE Lab
- lab(77.95 13.49 25.51)
- LCH
- lch(77.95 28.86 62.1)
- CMYK
- cmyk(0% 20% 36% 10%)
Tinte · Ombre · Toni
Tinte
- E8BE9D
- EBC5A8
- EDCDB3
- F0D4BD
- F3DBC8
- F5E2D3
- F8E9DE
- FAF1E9
- FDF8F4
Ombre
- C79F7E
- AA876B
- 8E7058
- 725A46
- 584535
- 3F3125
- 281E16
- 120C08
- 030201
Toni
- DBB191
- D0AC8F
- C6A68D
- BCA18C
- B29B8A
- A89688
- 9E9086
- 948B84
- 8A8582
Armonie di colore
Complementare +180°
- E5B792
Southern Peach
- 97C8EC
≈ Honolulu
Analogo -30° +30°
- E5B792
Southern Peach
- EDB0A6
≈ Lusty Salmon
- D3C08B
≈ Monument Green
Triadico +120° +240°
- E5B792
Southern Peach
- 8CD1C3
≈ Green Daze
- C9B7EA
≈ Connecticut Lilac
Complementare divisa +150° +210°
- E5B792
Southern Peach
- 88CFDC
≈ Bluish Water
- AFC0F1
≈ Larkspur Bud
Tetradico +90° +180° +270°
- E5B792
Southern Peach
- A0CFA9
≈ Fescue
- 97C8EC
≈ Honolulu
- DDB1D8
≈ Blushing Sky
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.82:1 · APCA Lc 34
Ag
AAASu nero
WCAG 11.52:1 · APCA Lc 69
Miglior colore del testo: #000000
WCAG 11.52:1 (AAA) · APCA Lc 69
Contrast pairs
Frammenti di codice
CSS
:root {
--southern-peach: #e5b792;
--southern-peach-rgb: 229 183 146;
--southern-peach-oklch: oklch(0.812 0.073 60.3);
}
.element {
color: var(--southern-peach);
background-color: hsl(27 61% 74%);
border-color: oklch(0.812 0.073 60.3);
}Tailwind CSS v4
@theme {
--color-southern-peach: #e5b792;
--color-southern-peach-50: #fff1e0;
--color-southern-peach-100: #fae3d0;
--color-southern-peach-200: #ecceb5;
--color-southern-peach-300: #d3b092;
--color-southern-peach-400: #bf9573;
--color-southern-peach-500: #aa7b53;
--color-southern-peach-600: #906847;
--color-southern-peach-700: #735339;
--color-southern-peach-800: #553c29;
--color-southern-peach-900: #3c291b;
--color-southern-peach-950: #25170c;
}SCSS
$southern-peach: #e5b792;
$southern-peach-rgb: 229, 183, 146;
$southern-peach-light: mix(#fff, $southern-peach, 20%);
$southern-peach-dark: mix(#000, $southern-peach, 20%);
.element {
color: $southern-peach;
box-shadow: 0 0 0 2px rgba($southern-peach, 0.35);
}