Nazwany kolor · #220055
Crowberry
Crowberry to #220055: rgb(34 0 85), hsl(264 100% 17%), oklch(0.233 0.132 290.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · Crowberry color name →
#220055
oklch(0.233 0.132 290.1)
Konwersje koloru
- HEX
- #220055
- RGB
- rgb(34 0 85)
- HSL
- hsl(264 100% 17%)
- HWB
- hwb(264 0% 67%)
- OKLCH
- oklch(0.233 0.132 290.1)
- OKLab
- oklab(0.233 0.045 -0.124)
- CIE Lab
- lab(8.19 33.06 -44.07)
- LCH
- lch(8.19 55.09 306.9)
- CMYK
- cmyk(60% 100% 0% 67%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 321F66
- 453777
- 594F89
- 6E679A
- 847FAA
- 9B97BB
- B3B0CC
- CCCADD
- E5E4EE
Odcienie ciemniejsze
- 1C0049
- 16003D
- 110031
- 0B0026
- 07001C
- 030011
- 010008
- 000002
- 000000
Tony
- 29135A
- 31215F
- 392E64
- 423A69
- 4C466E
- 555172
- 605D76
- 6A6879
- 75747D
Harmonie kolorów
Komplementarna +180°
- 220055
Crowberry
- 1F1F00
≈ Liquorice Root
Analogowa -30° +30°
- 220055
Crowberry
- 001949
≈ Cetacean Blue
- 33003D
≈ Dark Violet
Triada +120° +240°
- 220055
Crowberry
- 331300
≈ Chocolate Melange
- 00241A
≈ Clock Chimes Thirteen
Komplementarna rozszczepiona +150° +210°
- 220055
Crowberry
- 291B00
≈ Cannon Black
- 052500
≈ Tides of Darkness
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AAANa bieli
WCAG 17.51:1 · APCA Lc 103
Ag
FailNa czerni
WCAG 1.19:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 17.51:1 (AAA) · APCA Lc 103
Contrast pairs
Fragmenty kodu
CSS
:root {
--crowberry: #220055;
--crowberry-rgb: 34 0 85;
--crowberry-oklch: oklch(0.233 0.132 290.1);
}
.element {
color: var(--crowberry);
background-color: hsl(264 100% 17%);
border-color: oklch(0.233 0.132 290.1);
}Tailwind CSS v4
@theme {
--color-crowberry: #220055;
--color-crowberry-50: #f5efff;
--color-crowberry-100: #e8e1ff;
--color-crowberry-200: #d5cbff;
--color-crowberry-300: #b9abf5;
--color-crowberry-400: #9e90e6;
--color-crowberry-500: #8674d6;
--color-crowberry-600: #7263b5;
--color-crowberry-700: #5b4f91;
--color-crowberry-800: #413a6d;
--color-crowberry-900: #2d274d;
--color-crowberry-950: #1a1533;
}SCSS
$crowberry: #220055;
$crowberry-rgb: 34, 0, 85;
$crowberry-light: mix(#fff, $crowberry, 20%);
$crowberry-dark: mix(#000, $crowberry, 20%);
.element {
color: $crowberry;
box-shadow: 0 0 0 2px rgba($crowberry, 0.35);
}