Nazwany kolor · #725062
Passionate
Passionate to #725062: rgb(114 80 98), hsl(328 18% 38%), oklch(0.474 0.052 346.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Pink mean? → · Passionate color name →
#725062
oklch(0.474 0.052 346.3)
Konwersje koloru
- HEX
- #725062
- RGB
- rgb(114 80 98)
- HSL
- hsl(328 18% 38%)
- HWB
- hwb(328 31% 55%)
- OKLCH
- oklch(0.474 0.052 346.3)
- OKLab
- oklab(0.474 0.051 -0.012)
- CIE Lab
- lab(38.26 16.95 -4.54)
- LCH
- lch(38.26 17.55 345)
- CMYK
- cmyk(0% 30% 14% 55%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 806070
- 8D707F
- 9B818E
- A9929E
- B7A4AD
- C5B5BD
- D3C7CD
- E2DADE
- F0ECEE
Odcienie ciemniejsze
- 624454
- 533947
- 442E3A
- 36242D
- 281A21
- 1B1016
- 0E070B
- 040203
- 010000
Tony
- 745565
- 755A68
- 775E6B
- 78636E
- 7A6871
- 7B6D74
- 7C7177
- 7E767A
- 7F7B7D
Harmonie kolorów
Komplementarna +180°
- 725062
Passionate
- 3E6655
≈ Isle of Pines
Analogowa -30° +30°
- 725062
Passionate
- 685370
≈ Basil Mauve
- 775052
≈ Veil of Cinder
Triada +120° +240°
- 725062
Passionate
- 5F5E3B
≈ Eastern Bamboo
- 3A6273
≈ Bermudan Blue
Komplementarna rozszczepiona +150° +210°
- 725062
Passionate
- 4E6345
≈ Thraka Green Wash
- 356566
≈ Pyrite Green
Tetrada +90° +180° +270°
- 725062
Passionate
- 6D583A
≈ Pimento Grain Brown
- 3E6655
≈ Isle of Pines
- 495D79
≈ Stream
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.90:1 · APCA Lc 84
Ag
FailNa czerni
WCAG 3.03:1 · APCA Lc 18
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.90:1 (AA) · APCA Lc 84
Contrast pairs
Fragmenty kodu
CSS
:root {
--passionate: #725062;
--passionate-rgb: 114 80 98;
--passionate-oklch: oklch(0.474 0.052 346.3);
}
.element {
color: var(--passionate);
background-color: hsl(328 18% 38%);
border-color: oklch(0.474 0.052 346.3);
}Tailwind CSS v4
@theme {
--color-passionate: #725062;
--color-passionate-50: #ffeff8;
--color-passionate-100: #f6e1eb;
--color-passionate-200: #e6ccd8;
--color-passionate-300: #cdadbc;
--color-passionate-400: #b692a5;
--color-passionate-500: #a1788d;
--color-passionate-600: #886678;
--color-passionate-700: #6d5160;
--color-passionate-800: #503b47;
--color-passionate-900: #382931;
--color-passionate-950: #22161d;
}SCSS
$passionate: #725062;
$passionate-rgb: 114, 80, 98;
$passionate-light: mix(#fff, $passionate, 20%);
$passionate-dark: mix(#000, $passionate, 20%);
.element {
color: $passionate;
box-shadow: 0 0 0 2px rgba($passionate, 0.35);
}