Colore con nome · #E5C1A7
Adobe South
Adobe South è #E5C1A7: rgb(229 193 167), hsl(25 54% 78%), oklch(0.835 0.054 57.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Adobe South color name →
#E5C1A7
oklch(0.835 0.054 57.7)
Conversioni di colore
- HEX
- #e5c1a7
- RGB
- rgb(229 193 167)
- HSL
- hsl(25 54% 78%)
- HWB
- hwb(25 65% 10%)
- OKLCH
- oklch(0.835 0.054 57.7)
- OKLab
- oklab(0.835 0.029 0.046)
- CIE Lab
- lab(80.74 10.43 18.17)
- LCH
- lch(80.74 20.95 60.2)
- CMYK
- cmyk(0% 16% 27% 10%)
Tinte · Ombre · Toni
Tinte
- E8C7B0
- EACDB8
- EDD3C1
- F0DACA
- F2E0D3
- F5E6DB
- F8ECE4
- FAF3ED
- FDF9F6
Ombre
- C7A791
- AA8F7B
- 8E7766
- 725F52
- 58493E
- 3F342C
- 28201A
- 120E0A
- 030201
Toni
- DBBAA3
- D0B49F
- C6AD9B
- BCA798
- B2A094
- A79A90
- 9D938C
- 948D88
- 8A8684
Armonie di colore
Complementare +180°
- E5C1A7
Adobe South
- A9CFE9
≈ Gentle Wind
Analogo -30° +30°
- E5C1A7
Adobe South
- EBBCB6
≈ Chintz Rose
- D8C8A1
≈ Golden Lake
Triadico +120° +240°
- E5C1A7
Adobe South
- A4D5C9
≈ Refresh
- CDC2E9
≈ York Plum
Complementare divisa +150° +210°
- E5C1A7
Adobe South
- A0D4DB
≈ Midwinter Mist
- BAC9ED
≈ Cuddle
Tetradico +90° +180° +270°
- E5C1A7
Adobe South
- B2D3B5
≈ Enchanted Meadow
- A9CFE9
≈ Gentle Wind
- DDBDDB
≈ Faded Violet
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.67:1 · APCA Lc 30
Ag
AAASu nero
WCAG 12.51:1 · APCA Lc 73
Miglior colore del testo: #000000
WCAG 12.51:1 (AAA) · APCA Lc 73
Contrast pairs
Frammenti di codice
CSS
:root {
--adobe-south: #e5c1a7;
--adobe-south-rgb: 229 193 167;
--adobe-south-oklch: oklch(0.835 0.054 57.7);
}
.element {
color: var(--adobe-south);
background-color: hsl(25 54% 78%);
border-color: oklch(0.835 0.054 57.7);
}Tailwind CSS v4
@theme {
--color-adobe-south: #e5c1a7;
--color-adobe-south-50: #fff2e6;
--color-adobe-south-100: #f6e4d6;
--color-adobe-south-200: #e6cfbe;
--color-adobe-south-300: #cdb19c;
--color-adobe-south-400: #b8977f;
--color-adobe-south-500: #a27e63;
--color-adobe-south-600: #896a54;
--color-adobe-south-700: #6e5543;
--color-adobe-south-800: #513e30;
--color-adobe-south-900: #392a21;
--color-adobe-south-950: #231810;
}SCSS
$adobe-south: #e5c1a7;
$adobe-south-rgb: 229, 193, 167;
$adobe-south-light: mix(#fff, $adobe-south, 20%);
$adobe-south-dark: mix(#000, $adobe-south, 20%);
.element {
color: $adobe-south;
box-shadow: 0 0 0 2px rgba($adobe-south, 0.35);
}