Nazwany kolor · #662266
Blackest Berry
Blackest Berry to #662266: rgb(102 34 102), hsl(300 50% 27%), oklch(0.384 0.131 327.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · Blackest Berry color name →
#662266
oklch(0.384 0.131 327.8)
Konwersje koloru
- HEX
- #662266
- RGB
- rgb(102 34 102)
- HSL
- hsl(300 50% 27%)
- HWB
- hwb(300 13% 60%)
- OKLCH
- oklch(0.384 0.131 327.8)
- OKLab
- oklab(0.384 0.111 -0.07)
- CIE Lab
- lab(26.47 37.79 -25.18)
- LCH
- lch(26.47 45.41 326.3)
- CMYK
- cmyk(0% 67% 0% 60%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 753975
- 854E84
- 946393
- A378A2
- B38EB1
- C2A4C0
- D1BAD0
- E0D1DF
- F0E8EF
Odcienie ciemniejsze
- 581C58
- 4A164A
- 3C113C
- 2F0B2F
- 230723
- 170317
- 0C010C
- 040004
- 000000
Tony
- 692D69
- 6D376C
- 70416F
- 734A71
- 755474
- 785D77
- 7A6579
- 7C6E7B
- 7E777E
Harmonie kolorów
Komplementarna +180°
- 662266
Blackest Berry
- 00521C
≈ Mysterious Mixture
Analogowa -30° +30°
- 662266
Blackest Berry
- 4D2E7F
≈ Regalia
- 751943
≈ Pansy Purple
Triada +120° +240°
- 662266
Blackest Berry
- 554000
≈ Roman Bronze
- 004D55
≈ Watercolour Blue
Komplementarna rozszczepiona +150° +210°
- 662266
Blackest Berry
- 404900
≈ No Emissions Green
- 004F43
≈ Fjord Green
Tetrada +90° +180° +270°
- 662266
Blackest Berry
- 673400
≈ Beasty Brown
- 00521C
≈ Mysterious Mixture
- 00496B
≈ Adriatic
Kontrast i dostępność
Ag
AAANa bieli
WCAG 10.57:1 · APCA Lc 94
Ag
FailNa czerni
WCAG 1.98:1 · APCA Lc 9
Najlepszy kolor tekstu: #FFFFFF
WCAG 10.57:1 (AAA) · APCA Lc 94
Contrast pairs
Fragmenty kodu
CSS
:root {
--blackest-berry: #662266;
--blackest-berry-rgb: 102 34 102;
--blackest-berry-oklch: oklch(0.384 0.131 327.8);
}
.element {
color: var(--blackest-berry);
background-color: hsl(300 50% 27%);
border-color: oklch(0.384 0.131 327.8);
}Tailwind CSS v4
@theme {
--color-blackest-berry: #662266;
--color-blackest-berry-50: #ffe8ff;
--color-blackest-berry-100: #ffd9fd;
--color-blackest-berry-200: #f5c0ef;
--color-blackest-berry-300: #de9fd8;
--color-blackest-berry-400: #c881c6;
--color-blackest-berry-500: #b363b2;
--color-blackest-berry-600: #985596;
--color-blackest-berry-700: #7a4379;
--color-blackest-berry-800: #59315b;
--color-blackest-berry-900: #3e213f;
--color-blackest-berry-950: #271028;
}SCSS
$blackest-berry: #662266;
$blackest-berry-rgb: 102, 34, 102;
$blackest-berry-light: mix(#fff, $blackest-berry, 20%);
$blackest-berry-dark: mix(#000, $blackest-berry, 20%);
.element {
color: $blackest-berry;
box-shadow: 0 0 0 2px rgba($blackest-berry, 0.35);
}