Nazwany kolor · #2D0F47
Oily Purple
Oily Purple to #2D0F47: rgb(45 15 71), hsl(272 65% 17%), oklch(0.25 0.1 304.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · Oily Purple color name →
#2D0F47
oklch(0.25 0.1 304.6)
Konwersje koloru
- HEX
- #2d0f47
- RGB
- rgb(45 15 71)
- HSL
- hsl(272 65% 17%)
- HWB
- hwb(272 6% 72%)
- OKLCH
- oklch(0.25 0.1 304.6)
- OKLab
- oklab(0.25 0.057 -0.082)
- CIE Lab
- lab(11.33 24.63 -29.18)
- LCH
- lch(11.33 38.19 310.2)
- CMYK
- cmyk(37% 79% 0% 72%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 3F2659
- 523C6A
- 65527C
- 79698E
- 8E81A1
- A499B3
- BAB1C6
- D0CBD9
- E8E5EC
Odcienie ciemniejsze
- 260B3D
- 1F0832
- 180528
- 11031F
- 0B0216
- 06010D
- 020006
- 010002
- 000000
Tony
- 351B4D
- 3C2753
- 443259
- 4C3D5F
- 554865
- 5D536A
- 665E70
- 6E6975
- 77747B
Harmonie kolorów
Komplementarna +180°
- 2D0F47
Oily Purple
- 1B2600
≈ Lindworm Green
Analogowa -30° +30°
- 2D0F47
Oily Purple
- 161950
≈ Tetsu-Kon Blue
- 3C0634
≈ Greek Aubergine
Triada +120° +240°
- 2D0F47
Oily Purple
- 341B00
≈ Powdered Cocoa
- 002824
≈ Deep Slate Green
Komplementarna rozszczepiona +150° +210°
- 2D0F47
Oily Purple
- 2A2100
≈ Liquorice Root
- 002A13
≈ Nori Green
Tetrada +90° +180° +270°
- 2D0F47
Oily Purple
- 430A00
≈ Black Chocolate
- 1B2600
≈ Lindworm Green
- 00272F
≈ Daintree
Kontrast i dostępność
Ag
AAANa bieli
WCAG 16.52:1 · APCA Lc 103
Ag
FailNa czerni
WCAG 1.27:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 16.52:1 (AAA) · APCA Lc 103
Contrast pairs
Fragmenty kodu
CSS
:root {
--oily-purple: #2d0f47;
--oily-purple-rgb: 45 15 71;
--oily-purple-oklch: oklch(0.25 0.1 304.6);
}
.element {
color: var(--oily-purple);
background-color: hsl(272 65% 17%);
border-color: oklch(0.25 0.1 304.6);
}Tailwind CSS v4
@theme {
--color-oily-purple: #2d0f47;
--color-oily-purple-50: #fceeff;
--color-oily-purple-100: #f0e0ff;
--color-oily-purple-200: #dfcaf6;
--color-oily-purple-300: #c4aae0;
--color-oily-purple-400: #ac90ce;
--color-oily-purple-500: #9575bb;
--color-oily-purple-600: #7e639e;
--color-oily-purple-700: #654f7f;
--color-oily-purple-800: #493a5f;
--color-oily-purple-900: #332742;
--color-oily-purple-950: #1e152b;
}SCSS
$oily-purple: #2d0f47;
$oily-purple-rgb: 45, 15, 71;
$oily-purple-light: mix(#fff, $oily-purple, 20%);
$oily-purple-dark: mix(#000, $oily-purple, 20%);
.element {
color: $oily-purple;
box-shadow: 0 0 0 2px rgba($oily-purple, 0.35);
}