Nazwany kolor · #E1C2C1
Spice Girl
Spice Girl to #E1C2C1: rgb(225 194 193), hsl(2 35% 82%), oklch(0.84 0.035 20.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Pink mean? → · Spice Girl color name →
#E1C2C1
oklch(0.84 0.035 20.1)
Konwersje koloru
- HEX
- #e1c2c1
- RGB
- rgb(225 194 193)
- HSL
- hsl(2 35% 82%)
- HWB
- hwb(2 76% 12%)
- OKLCH
- oklch(0.84 0.035 20.1)
- OKLab
- oklab(0.84 0.033 0.012)
- CIE Lab
- lab(81.1 11.23 4.79)
- LCH
- lch(81.1 12.21 23.1)
- CMYK
- cmyk(0% 14% 14% 12%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E4C8C7
- E7CECD
- EAD4D3
- EDDAD9
- F0E0E0
- F3E6E6
- F6ECEC
- F9F3F2
- FCF9F9
Odcienie ciemniejsze
- C4A8A7
- A78F8F
- 8B7777
- 70605F
- 564949
- 3E3434
- 272020
- 120E0E
- 020202
Tony
- D7BBBA
- CDB4B4
- C3AEAD
- B9A7A6
- B0A0A0
- A69A99
- 9C9393
- 938D8D
- 898686
Harmonie kolorów
Komplementarna +180°
- E1C2C1
Spice Girl
- B1D2D4
≈ Fine China
Analogowa -30° +30°
- E1C2C1
Spice Girl
- DEC2CE
≈ Baby Tone
- DFC5B7
≈ Mornington
Triada +120° +240°
- E1C2C1
Spice Girl
- BFD1BB
≈ Sunlit Sea
- BDCCE2
≈ Sky’s the Limit
Komplementarna rozszczepiona +150° +210°
- E1C2C1
Spice Girl
- B5D2C7
≈ Uninhibited
- B4CFDE
≈ Crystal Waters
Tetrada +90° +180° +270°
- E1C2C1
Spice Girl
- CBCDB3
≈ Chilled Cucumber
- B1D2D4
≈ Fine China
- CAC7E1
≈ Purple Purity
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.65:1 · APCA Lc 29
Ag
AAANa czerni
WCAG 12.68:1 · APCA Lc 74
Najlepszy kolor tekstu: #000000
WCAG 12.68:1 (AAA) · APCA Lc 74
Contrast pairs
Fragmenty kodu
CSS
:root {
--spice-girl: #e1c2c1;
--spice-girl-rgb: 225 194 193;
--spice-girl-oklch: oklch(0.84 0.035 20.1);
}
.element {
color: var(--spice-girl);
background-color: hsl(2 35% 82%);
border-color: oklch(0.84 0.035 20.1);
}Tailwind CSS v4
@theme {
--color-spice-girl: #e1c2c1;
--color-spice-girl-50: #fff1f0;
--color-spice-girl-100: #f4e4e2;
--color-spice-girl-200: #e3cfcd;
--color-spice-girl-300: #c9b1af;
--color-spice-girl-400: #b39796;
--color-spice-girl-500: #9d7d7c;
--color-spice-girl-600: #846a69;
--color-spice-girl-700: #6a5554;
--color-spice-girl-800: #4e3e3e;
--color-spice-girl-900: #362a2a;
--color-spice-girl-950: #211818;
}SCSS
$spice-girl: #e1c2c1;
$spice-girl-rgb: 225, 194, 193;
$spice-girl-light: mix(#fff, $spice-girl, 20%);
$spice-girl-dark: mix(#000, $spice-girl, 20%);
.element {
color: $spice-girl;
box-shadow: 0 0 0 2px rgba($spice-girl, 0.35);
}