Nazwany kolor · #E0D5CD
Light Perk Up
Light Perk Up to #E0D5CD: rgb(224 213 205), hsl(25 23% 84%), oklch(0.88 0.016 58.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Light Perk Up color name →
#E0D5CD
oklch(0.88 0.016 58.6)
Konwersje koloru
- HEX
- #e0d5cd
- RGB
- rgb(224 213 205)
- HSL
- hsl(25 23% 84%)
- HWB
- hwb(25 80% 12%)
- OKLCH
- oklch(0.88 0.016 58.6)
- OKLab
- oklab(0.88 0.009 0.014)
- CIE Lab
- lab(86 2.9 5.39)
- LCH
- lch(86 6.12 61.7)
- CMYK
- cmyk(0% 5% 8% 12%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E3D9D2
- E6DDD7
- E9E1DC
- ECE6E1
- EFEAE6
- F3EEEB
- F6F2F0
- F9F7F5
- FCFBFA
Odcienie ciemniejsze
- C3B9B2
- A69E98
- 8A837E
- 706A66
- 56514E
- 3E3A38
- 272423
- 12100F
- 020202
Tony
- D6CCC5
- CCC3BD
- C2BBB5
- B8B2AD
- AFAAA6
- A5A19E
- 9C9996
- 92908F
- 898887
Harmonie kolorów
Komplementarna +180°
- E0D5CD
Light Perk Up
- CED9E1
≈ Pale Cornflower
Analogowa -30° +30°
- E0D5CD
Light Perk Up
- E2D4D1
≈ Pandora Grey
- DCD7CB
≈ Athena
Triada +120° +240°
- E0D5CD
Light Perk Up
- CDDBD7
≈ Blue Cypress
- D8D5E1
≈ Heavenly Haze
Komplementarna rozszczepiona +150° +210°
- E0D5CD
Light Perk Up
- CCDBDD
≈ Light Detroit
- D3D7E3
≈ So Blue-Berry
Tetrada +90° +180° +270°
- E0D5CD
Light Perk Up
- D0DAD1
≈ Dead Nettle White
- CED9E1
≈ Pale Cornflower
- DED4DD
≈ Timid Violet
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.44:1 · APCA Lc 21
Ag
AAANa czerni
WCAG 14.56:1 · APCA Lc 82
Najlepszy kolor tekstu: #000000
WCAG 14.56:1 (AAA) · APCA Lc 82
Contrast pairs
Fragmenty kodu
CSS
:root {
--light-perk-up: #e0d5cd;
--light-perk-up-rgb: 224 213 205;
--light-perk-up-oklch: oklch(0.88 0.016 58.6);
}
.element {
color: var(--light-perk-up);
background-color: hsl(25 23% 84%);
border-color: oklch(0.88 0.016 58.6);
}Tailwind CSS v4
@theme {
--color-light-perk-up: #e0d5cd;
--color-light-perk-up-50: #f9f4f0;
--color-light-perk-up-100: #ece7e2;
--color-light-perk-up-200: #dad3cd;
--color-light-perk-up-300: #beb6af;
--color-light-perk-up-400: #a69c95;
--color-light-perk-up-500: #8f847c;
--color-light-perk-up-600: #797069;
--color-light-perk-up-700: #615954;
--color-light-perk-up-800: #47413d;
--color-light-perk-up-900: #312d2a;
--color-light-perk-up-950: #1d1a18;
}SCSS
$light-perk-up: #e0d5cd;
$light-perk-up-rgb: 224, 213, 205;
$light-perk-up-light: mix(#fff, $light-perk-up, 20%);
$light-perk-up-dark: mix(#000, $light-perk-up, 20%);
.element {
color: $light-perk-up;
box-shadow: 0 0 0 2px rgba($light-perk-up, 0.35);
}