Nazwany kolor · #E38FAC
Pomelo Red
Pomelo Red to #E38FAC: rgb(227 143 172), hsl(339 60% 73%), oklch(0.744 0.107 357.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Pomelo Red color name →
#E38FAC
oklch(0.744 0.107 357.8)
Konwersje koloru
- HEX
- #e38fac
- RGB
- rgb(227 143 172)
- HSL
- hsl(339 60% 73%)
- HWB
- hwb(339 56% 11%)
- OKLCH
- oklch(0.744 0.107 357.8)
- OKLab
- oklab(0.744 0.107 -0.004)
- CIE Lab
- lab(68.96 35.44 -1.17)
- LCH
- lch(68.96 35.46 358.1)
- CMYK
- cmyk(0% 37% 24% 11%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E79AB4
- EAA5BC
- EEB1C4
- F1BCCC
- F4C7D5
- F6D2DD
- F9DDE5
- FBE8EE
- FDF4F6
Odcienie ciemniejsze
- C57C95
- A8697F
- 8C5769
- 714554
- 573440
- 3F242D
- 27151B
- 12070B
- 030101
Tony
- D98EA7
- CF8DA3
- C68B9F
- BC8A9A
- B28996
- A88791
- 9E858D
- 948489
- 8A8284
Harmonie kolorów
Komplementarna +180°
- E38FAC
Pomelo Red
- 53C2AC
≈ Synergy
Analogowa -30° +30°
- E38FAC
Pomelo Red
- D194CF
≈ Ineffable Magenta
- E89186
≈ Sierra Pink
Triada +120° +240°
- E38FAC
Pomelo Red
- A6B564
≈ Cornstalk
- 65B6E8
≈ Sea Frolic
Komplementarna rozszczepiona +150° +210°
- E38FAC
Pomelo Red
- 7CBF85
≈ Rally Green
- 46BFCF
≈ Water Sports
Tetrada +90° +180° +270°
- E38FAC
Pomelo Red
- C9A857
≈ Glorious Gold
- 53C2AC
≈ Synergy
- 8FAAF1
≈ Kitten’s Eye
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.38:1 · APCA Lc 47
Ag
AAANa czerni
WCAG 8.79:1 · APCA Lc 55
Najlepszy kolor tekstu: #000000
WCAG 8.79:1 (AAA) · APCA Lc 55
Contrast pairs
Fragmenty kodu
CSS
:root {
--pomelo-red: #e38fac;
--pomelo-red-rgb: 227 143 172;
--pomelo-red-oklch: oklch(0.744 0.107 357.8);
}
.element {
color: var(--pomelo-red);
background-color: hsl(339 60% 73%);
border-color: oklch(0.744 0.107 357.8);
}Tailwind CSS v4
@theme {
--color-pomelo-red: #e38fac;
--color-pomelo-red-50: #ffe9f4;
--color-pomelo-red-100: #ffdae6;
--color-pomelo-red-200: #fcc2d2;
--color-pomelo-red-300: #e6a1b5;
--color-pomelo-red-400: #d2839e;
--color-pomelo-red-500: #be6686;
--color-pomelo-red-600: #a05771;
--color-pomelo-red-700: #81455b;
--color-pomelo-red-800: #5f3244;
--color-pomelo-red-900: #43222f;
--color-pomelo-red-950: #2b111b;
}SCSS
$pomelo-red: #e38fac;
$pomelo-red-rgb: 227, 143, 172;
$pomelo-red-light: mix(#fff, $pomelo-red, 20%);
$pomelo-red-dark: mix(#000, $pomelo-red, 20%);
.element {
color: $pomelo-red;
box-shadow: 0 0 0 2px rgba($pomelo-red, 0.35);
}