Nazwany kolor · #E66771
Purehearted
Purehearted to #E66771: rgb(230 103 113), hsl(355 72% 65%), oklch(0.671 0.158 17.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Purehearted color name →
#E66771
oklch(0.671 0.158 17.6)
Konwersje koloru
- HEX
- #e66771
- RGB
- rgb(230 103 113)
- HSL
- hsl(355 72% 65%)
- HWB
- hwb(355 40% 10%)
- OKLCH
- oklch(0.671 0.158 17.6)
- OKLab
- oklab(0.671 0.151 0.048)
- CIE Lab
- lab(60.19 50.9 20.08)
- LCH
- lch(60.19 54.72 21.5)
- CMYK
- cmyk(0% 55% 51% 10%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EB777F
- EF878C
- F2979A
- F6A6A8
- F8B5B6
- FBC4C4
- FDD3D3
- FEE1E1
- FFF0F0
Odcienie ciemniejsze
- C85961
- AB4B52
- 8E3D43
- 733035
- 592327
- 40171A
- 280C0E
- 130404
- 030001
Tony
- DD6B73
- D36F74
- C97276
- C07578
- B67779
- AC797B
- A17B7C
- 977D7D
- 8C7F7F
Harmonie kolorów
Komplementarna +180°
- E66771
Purehearted
- 00ABAE
≈ Fiji
Analogowa -30° +30°
- E66771
Purehearted
- D968A7
≈ Purple Hollyhock
- E17231
≈ Russet Orange
Triada +120° +240°
- E66771
Purehearted
- 62AB43
≈ Sonata in Green Minor
- 5295F5
≈ Polar Glow
Komplementarna rozszczepiona +150° +210°
- E66771
Purehearted
- 00B085
≈ Dark Mountain Meadow
- 00A4D4
≈ Charybdis
Tetrada +90° +180° +270°
- E66771
Purehearted
- A09B00
≈ Papyrus
- 00ABAE
≈ Fiji
- 9283F0
≈ Lavender Blue Shadow
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.20:1 · APCA Lc 59
Ag
AANa czerni
WCAG 6.54:1 · APCA Lc 43
Najlepszy kolor tekstu: #000000
WCAG 6.54:1 (AA) · APCA Lc 43
Contrast pairs
Fragmenty kodu
CSS
:root {
--purehearted: #e66771;
--purehearted-rgb: 230 103 113;
--purehearted-oklch: oklch(0.671 0.158 17.6);
}
.element {
color: var(--purehearted);
background-color: hsl(355 72% 65%);
border-color: oklch(0.671 0.158 17.6);
}Tailwind CSS v4
@theme {
--color-purehearted: #e66771;
--color-purehearted-50: #ffe4e3;
--color-purehearted-100: #ffd3d3;
--color-purehearted-200: #ffb9b9;
--color-purehearted-300: #fe9596;
--color-purehearted-400: #ed737b;
--color-purehearted-500: #da4f5e;
--color-purehearted-600: #b94450;
--color-purehearted-700: #943640;
--color-purehearted-800: #6e2630;
--color-purehearted-900: #4e1a20;
--color-purehearted-950: #330910;
}SCSS
$purehearted: #e66771;
$purehearted-rgb: 230, 103, 113;
$purehearted-light: mix(#fff, $purehearted, 20%);
$purehearted-dark: mix(#000, $purehearted, 20%);
.element {
color: $purehearted;
box-shadow: 0 0 0 2px rgba($purehearted, 0.35);
}