Colore con nome · #AE8E7E
Redend Point
Redend Point è #AE8E7E: rgb(174 142 126), hsl(20 23% 59%), oklch(0.672 0.045 48). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Redend Point color name →
#AE8E7E
oklch(0.672 0.045 48)
Conversioni di colore
- HEX
- #ae8e7e
- RGB
- rgb(174 142 126)
- HSL
- hsl(20 23% 59%)
- HWB
- hwb(20 49% 32%)
- OKLCH
- oklch(0.672 0.045 48)
- OKLab
- oklab(0.672 0.03 0.034)
- CIE Lab
- lab(61.72 10.67 13.34)
- LCH
- lch(61.72 17.09 51.4)
- CMYK
- cmyk(0% 18% 28% 32%)
Tinte · Ombre · Toni
Tinte
- B6998A
- BEA497
- C6AFA3
- CEBAB0
- D6C5BD
- DED1CA
- E7DCD7
- EFE8E4
- F7F3F2
Ombre
- 977B6D
- 80685C
- 6A564C
- 55443C
- 41342D
- 2E241F
- 1C1511
- 0B0705
- 010101
Toni
- A98D7E
- A58B7F
- A08A7F
- 9C897F
- 97877F
- 93867F
- 8E8480
- 898380
- 858180
Armonie di colore
Complementare +180°
- AE8E7E
Redend Point
- 799CAC
≈ Cool Dusk
Analogo -30° +30°
- AE8E7E
Redend Point
- B08B8B
≈ Mauve Day
- A59377
≈ San Antonio Sage
Triadico +120° +240°
- AE8E7E
Redend Point
- 7B9F90
≈ Regal View
- 9492B1
≈ Extinct
Complementare divisa +150° +210°
- AE8E7E
Redend Point
- 759FA0
≈ Delaware Blue Hen
- 8597B2
≈ Denim Tradition
Tetradico +90° +180° +270°
- AE8E7E
Redend Point
- 899D82
≈ Basil
- 799CAC
≈ Cool Dusk
- A28DA8
≈ Nana
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.01:1 · APCA Lc 57
Ag
AASu nero
WCAG 6.97:1 · APCA Lc 45
Miglior colore del testo: #000000
WCAG 6.97:1 (AA) · APCA Lc 45
Contrast pairs
Frammenti di codice
CSS
:root {
--redend-point: #ae8e7e;
--redend-point-rgb: 174 142 126;
--redend-point-oklch: oklch(0.672 0.045 48);
}
.element {
color: var(--redend-point);
background-color: hsl(20 23% 59%);
border-color: oklch(0.672 0.045 48);
}Tailwind CSS v4
@theme {
--color-redend-point: #ae8e7e;
--color-redend-point-50: #fff2ea;
--color-redend-point-100: #f5e4db;
--color-redend-point-200: #e5cfc3;
--color-redend-point-300: #cbb1a3;
--color-redend-point-400: #b69788;
--color-redend-point-500: #a07e6c;
--color-redend-point-600: #876a5c;
--color-redend-point-700: #6c5549;
--color-redend-point-800: #503e35;
--color-redend-point-900: #382a24;
--color-redend-point-950: #221813;
}SCSS
$redend-point: #ae8e7e;
$redend-point-rgb: 174, 142, 126;
$redend-point-light: mix(#fff, $redend-point, 20%);
$redend-point-dark: mix(#000, $redend-point, 20%);
.element {
color: $redend-point;
box-shadow: 0 0 0 2px rgba($redend-point, 0.35);
}