Nazwany kolor · #A06582
Love Poem
Love Poem to #A06582: rgb(160 101 130), hsl(331 24% 51%), oklch(0.58 0.085 349.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Pink mean? → · Love Poem color name →
#A06582
oklch(0.58 0.085 349.2)
Konwersje koloru
- HEX
- #a06582
- RGB
- rgb(160 101 130)
- HSL
- hsl(331 24% 51%)
- HWB
- hwb(331 40% 37%)
- OKLCH
- oklch(0.58 0.085 349.2)
- OKLab
- oklab(0.58 0.083 -0.016)
- CIE Lab
- lab(50.1 27.55 -5.74)
- LCH
- lch(50.1 28.14 348.2)
- CMYK
- cmyk(0% 37% 19% 37%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- AA748E
- B4839A
- BD91A6
- C7A1B2
- D1B0BF
- DABFCB
- E3CFD8
- EDDFE5
- F6EFF2
Odcienie ciemniejsze
- 8B5770
- 76495F
- 613C4E
- 4E2F3E
- 3B222F
- 291720
- 190C12
- 090306
- 010001
Tony
- 9D6882
- 9A6B82
- 976E81
- 947181
- 917381
- 8E7681
- 8B7881
- 877B80
- 847E80
Harmonie kolorów
Komplementarna +180°
- A06582
Love Poem
- 3F8A72
≈ Ionian
Analogowa -30° +30°
- A06582
Love Poem
- 906A9A
≈ Court Jester
- A76566
≈ Rose Marquee
Triada +120° +240°
- A06582
Love Poem
- 7E7E40
≈ Thai Basil
- 3D84A2
≈ Dirty Blue
Komplementarna rozszczepiona +150° +210°
- A06582
Love Poem
- 608755
≈ Hippie Green
- 2C898D
≈ Turkish Jade
Tetrada +90° +180° +270°
- A06582
Love Poem
- 95743C
≈ California Gold Rush
- 3F8A72
≈ Ionian
- 5C7BAD
≈ Deck Crew
Kontrast i dostępność
Ag
FailNa bieli
WCAG 4.48:1 · APCA Lc 71
Ag
AANa czerni
WCAG 4.67:1 · APCA Lc 31
Najlepszy kolor tekstu: #000000
WCAG 4.67:1 (AA) · APCA Lc 31
Contrast pairs
Fragmenty kodu
CSS
:root {
--love-poem: #a06582;
--love-poem-rgb: 160 101 130;
--love-poem-oklch: oklch(0.58 0.085 349.2);
}
.element {
color: var(--love-poem);
background-color: hsl(331 24% 51%);
border-color: oklch(0.58 0.085 349.2);
}Tailwind CSS v4
@theme {
--color-love-poem: #a06582;
--color-love-poem-50: #ffecf8;
--color-love-poem-100: #ffddeb;
--color-love-poem-200: #f2c6d8;
--color-love-poem-300: #daa6bd;
--color-love-poem-400: #c58aa6;
--color-love-poem-500: #b06e8f;
--color-love-poem-600: #955e79;
--color-love-poem-700: #784b61;
--color-love-poem-800: #583648;
--color-love-poem-900: #3e2532;
--color-love-poem-950: #27131e;
}SCSS
$love-poem: #a06582;
$love-poem-rgb: 160, 101, 130;
$love-poem-light: mix(#fff, $love-poem, 20%);
$love-poem-dark: mix(#000, $love-poem, 20%);
.element {
color: $love-poem;
box-shadow: 0 0 0 2px rgba($love-poem, 0.35);
}