Nazwany kolor · #E7A995
Ageless Beauty
Ageless Beauty to #E7A995: rgb(231 169 149), hsl(15 63% 75%), oklch(0.788 0.079 38.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Ageless Beauty color name →
#E7A995
oklch(0.788 0.079 38.6)
Konwersje koloru
- HEX
- #e7a995
- RGB
- rgb(231 169 149)
- HSL
- hsl(15 63% 75%)
- HWB
- hwb(15 58% 9%)
- OKLCH
- oklch(0.788 0.079 38.6)
- OKLab
- oklab(0.788 0.062 0.049)
- CIE Lab
- lab(74.85 21.6 19.81)
- LCH
- lch(74.85 29.31 42.5)
- CMYK
- cmyk(0% 27% 35% 9%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EAB29F
- EDBAAA
- EFC3B4
- F2CBBF
- F5D4C9
- F7DCD4
- F9E5DF
- FBEEE9
- FDF6F4
Odcienie ciemniejsze
- C99281
- AB7C6D
- 8F675A
- 735348
- 593F37
- 402C26
- 281B16
- 130A08
- 030101
Tony
- DDA593
- D2A191
- C89D8F
- BD998D
- B3958B
- A99189
- 9F8D87
- 948884
- 8A8482
Harmonie kolorów
Komplementarna +180°
- E7A995
Ageless Beauty
- 7EC7DC
≈ Water Flow
Analogowa -30° +30°
- E7A995
Ageless Beauty
- E7A5B0
≈ Love at First Sight
- DCB183
≈ Desert Mist
Triada +120° +240°
- E7A995
Ageless Beauty
- 8ECAA7
≈ Peppermint Spray
- AEB5ED
≈ Perano
Komplementarna rozszczepiona +150° +210°
- E7A995
Ageless Beauty
- 7CCBC4
≈ Blue Green Gem
- 92BFEB
≈ Blue Shutters
Tetrada +90° +180° +270°
- E7A995
Ageless Beauty
- ABC48E
≈ Cos
- 7EC7DC
≈ Water Flow
- C8ADE1
≈ Lavender Field Dreamer
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.99:1 · APCA Lc 39
Ag
AAANa czerni
WCAG 10.50:1 · APCA Lc 64
Najlepszy kolor tekstu: #000000
WCAG 10.50:1 (AAA) · APCA Lc 64
Contrast pairs
Fragmenty kodu
CSS
:root {
--ageless-beauty: #e7a995;
--ageless-beauty-rgb: 231 169 149;
--ageless-beauty-oklch: oklch(0.788 0.079 38.6);
}
.element {
color: var(--ageless-beauty);
background-color: hsl(15 63% 75%);
border-color: oklch(0.788 0.079 38.6);
}Tailwind CSS v4
@theme {
--color-ageless-beauty: #e7a995;
--color-ageless-beauty-50: #ffeee4;
--color-ageless-beauty-100: #ffe0d4;
--color-ageless-beauty-200: #f3cabb;
--color-ageless-beauty-300: #dcab99;
--color-ageless-beauty-400: #c88f7c;
--color-ageless-beauty-500: #b3745f;
--color-ageless-beauty-600: #986251;
--color-ageless-beauty-700: #7a4e40;
--color-ageless-beauty-800: #5a382f;
--color-ageless-beauty-900: #3f2720;
--color-ageless-beauty-950: #28150f;
}SCSS
$ageless-beauty: #e7a995;
$ageless-beauty-rgb: 231, 169, 149;
$ageless-beauty-light: mix(#fff, $ageless-beauty, 20%);
$ageless-beauty-dark: mix(#000, $ageless-beauty, 20%);
.element {
color: $ageless-beauty;
box-shadow: 0 0 0 2px rgba($ageless-beauty, 0.35);
}