Nazwany kolor · #E1A0CF
Exotic Violet
Exotic Violet to #E1A0CF: rgb(225 160 207), hsl(317 52% 75%), oklch(0.782 0.098 337). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Pink mean? → · Exotic Violet color name →
#E1A0CF
oklch(0.782 0.098 337)
Konwersje koloru
- HEX
- #e1a0cf
- RGB
- rgb(225 160 207)
- HSL
- hsl(317 52% 75%)
- HWB
- hwb(317 63% 12%)
- OKLCH
- oklch(0.782 0.098 337)
- OKLab
- oklab(0.782 0.09 -0.038)
- CIE Lab
- lab(73.37 30.18 -14.04)
- LCH
- lch(73.37 33.28 335.1)
- CMYK
- cmyk(0% 29% 8% 12%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E4A9D4
- E8B3D9
- EBBCDD
- EEC6E2
- F1CFE7
- F4D9EC
- F7E2F1
- FAECF5
- FCF5FA
Odcienie ciemniejsze
- C48BB4
- A77699
- 8B617F
- 704E67
- 563B4F
- 3E2938
- 271923
- 120910
- 020102
Tony
- D79DC7
- CD9ABF
- C497B7
- BA94AF
- B090A7
- A78D9F
- 9D8A97
- 93878F
- 8A8388
Harmonie kolorów
Komplementarna +180°
- E1A0CF
Exotic Violet
- 81CB9F
≈ Garden Glow
Analogowa -30° +30°
- E1A0CF
Exotic Violet
- C9A8E9
≈ Tropical Violet
- EE9EAD
≈ Candy Coated
Triada +120° +240°
- E1A0CF
Exotic Violet
- CAB96D
≈ Pistachio Shortbread
- 67C8E1
≈ Hawaiian Breeze
Komplementarna rozszczepiona +150° +210°
- E1A0CF
Exotic Violet
- A7C47F
≈ Opaline Green
- 65CDC3
≈ Skylar
Tetrada +90° +180° +270°
- E1A0CF
Exotic Violet
- E3AC72
≈ Viva Gold
- 81CB9F
≈ Garden Glow
- 84BEF4
≈ Electric Eel
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.07:1 · APCA Lc 40
Ag
AAANa czerni
WCAG 10.13:1 · APCA Lc 62
Najlepszy kolor tekstu: #000000
WCAG 10.13:1 (AAA) · APCA Lc 62
Contrast pairs
Fragmenty kodu
CSS
:root {
--exotic-violet: #e1a0cf;
--exotic-violet-rgb: 225 160 207;
--exotic-violet-oklch: oklch(0.782 0.098 337);
}
.element {
color: var(--exotic-violet);
background-color: hsl(317 52% 75%);
border-color: oklch(0.782 0.098 337);
}Tailwind CSS v4
@theme {
--color-exotic-violet: #e1a0cf;
--color-exotic-violet-50: #ffebff;
--color-exotic-violet-100: #ffdcf3;
--color-exotic-violet-200: #f2c5e2;
--color-exotic-violet-300: #daa4c8;
--color-exotic-violet-400: #c488b4;
--color-exotic-violet-500: #af6c9e;
--color-exotic-violet-600: #945c85;
--color-exotic-violet-700: #77496b;
--color-exotic-violet-800: #573550;
--color-exotic-violet-900: #3d2438;
--color-exotic-violet-950: #261322;
}SCSS
$exotic-violet: #e1a0cf;
$exotic-violet-rgb: 225, 160, 207;
$exotic-violet-light: mix(#fff, $exotic-violet, 20%);
$exotic-violet-dark: mix(#000, $exotic-violet, 20%);
.element {
color: $exotic-violet;
box-shadow: 0 0 0 2px rgba($exotic-violet, 0.35);
}