Nazwany kolor · #E399CA
Crepe Myrtle
Crepe Myrtle to #E399CA: rgb(227 153 202), hsl(320 57% 75%), oklch(0.771 0.108 340.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Pink mean? → · Crepe Myrtle color name →
#E399CA
oklch(0.771 0.108 340.1)
Konwersje koloru
- HEX
- #e399ca
- RGB
- rgb(227 153 202)
- HSL
- hsl(320 57% 75%)
- HWB
- hwb(320 60% 11%)
- OKLCH
- oklch(0.771 0.108 340.1)
- OKLab
- oklab(0.771 0.102 -0.037)
- CIE Lab
- lab(71.9 33.8 -13.46)
- LCH
- lch(71.9 36.39 338.3)
- CMYK
- cmyk(0% 33% 11% 11%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E6A3CF
- EAADD5
- EDB8DA
- F0C2DF
- F3CCE4
- F6D6EA
- F8E0EF
- FBEBF4
- FDF5FA
Odcienie ciemniejsze
- C584AF
- A87095
- 8C5D7C
- 714A64
- 57384D
- 3F2737
- 271722
- 12080F
- 030102
Tony
- D997C2
- CF94BB
- C592B3
- BB90AC
- B28DA4
- A88B9D
- 9E8896
- 94858E
- 8A8387
Harmonie kolorów
Komplementarna +180°
- E399CA
Crepe Myrtle
- 72CA9D
≈ Minted Elegance
Analogowa -30° +30°
- E399CA
Crepe Myrtle
- CAA1E8
≈ Bright Ube
- F097A5
≈ Piggy
Triada +120° +240°
- E399CA
Crepe Myrtle
- C4B661
≈ Tegreen
- 58C4E4
≈ Naxos Sky
Komplementarna rozszczepiona +150° +210°
- E399CA
Crepe Myrtle
- 9DC378
≈ Lime Parfait
- 51CAC4
≈ May Day
Tetrada +90° +180° +270°
- E399CA
Crepe Myrtle
- E1A864
≈ Earth Yellow
- 72CA9D
≈ Minted Elegance
- 7EBAF7
≈ Broken Blue
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.17:1 · APCA Lc 43
Ag
AAANa czerni
WCAG 9.67:1 · APCA Lc 60
Najlepszy kolor tekstu: #000000
WCAG 9.67:1 (AAA) · APCA Lc 60
Contrast pairs
Fragmenty kodu
CSS
:root {
--crepe-myrtle: #e399ca;
--crepe-myrtle-rgb: 227 153 202;
--crepe-myrtle-oklch: oklch(0.771 0.108 340.1);
}
.element {
color: var(--crepe-myrtle);
background-color: hsl(320 57% 75%);
border-color: oklch(0.771 0.108 340.1);
}Tailwind CSS v4
@theme {
--color-crepe-myrtle: #e399ca;
--color-crepe-myrtle-50: #ffeafe;
--color-crepe-myrtle-100: #ffdaf2;
--color-crepe-myrtle-200: #f6c3e1;
--color-crepe-myrtle-300: #dfa2c7;
--color-crepe-myrtle-400: #c985b2;
--color-crepe-myrtle-500: #b5689c;
--color-crepe-myrtle-600: #995884;
--color-crepe-myrtle-700: #7b466a;
--color-crepe-myrtle-800: #5a334f;
--color-crepe-myrtle-900: #3f2337;
--color-crepe-myrtle-950: #281122;
}SCSS
$crepe-myrtle: #e399ca;
$crepe-myrtle-rgb: 227, 153, 202;
$crepe-myrtle-light: mix(#fff, $crepe-myrtle, 20%);
$crepe-myrtle-dark: mix(#000, $crepe-myrtle, 20%);
.element {
color: $crepe-myrtle;
box-shadow: 0 0 0 2px rgba($crepe-myrtle, 0.35);
}