Najbliższy nazwany kolor · #BB0CCA
#BB0CCA
Najbliższy nazwany kolor: Telemagenta
#BB0CCA (rgb(187 12 202), hsl(295 89% 42%), oklch(0.568 0.262 324.2)) jest najbliższy nazwanemu kolorowi Telemagenta. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#BB0CCA
oklch(0.568 0.262 324.2)
Konwersje koloru
- HEX
- #bb0cca
- RGB
- rgb(187 12 202)
- HSL
- hsl(295 89% 42%)
- HWB
- hwb(295 5% 21%)
- OKLCH
- oklch(0.568 0.262 324.2)
- OKLab
- oklab(0.568 0.212 -0.153)
- CIE Lab
- lab(45.5 74.7 -54.8)
- LCH
- lch(45.5 92.65 323.7)
- CMYK
- cmyk(7% 94% 0% 21%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C43CD0
- CC58D7
- D470DD
- DB86E2
- E29BE8
- E9AFED
- EFC3F2
- F5D7F7
- FAEBFB
Odcienie ciemniejsze
- A209AF
- 8A0695
- 73047C
- 5C0364
- 46024D
- 320137
- 1F0022
- 0D000F
- 020002
Tony
- B62CC3
- B13DBC
- AC4AB5
- A755AE
- A15EA7
- 9B669F
- 956D98
- 8E7490
- 877A88
Harmonie kolorów
Komplementarna +180°
- BB0CCA
Telemagenta
- 00901D
≈ Emerald
Analogowa -30° +30°
- BB0CCA
Telemagenta
- 873BFD
≈ Sweet Escape
- D30080
≈ Bottom of My Heart
Triada +120° +240°
- BB0CCA
Telemagenta
- 977000
≈ Sandy Taupe
- 008791
≈ Ocean Soul
Komplementarna rozszczepiona +150° +210°
- BB0CCA
Telemagenta
- 767E00
≈ Verde Tropa
- 008B72
≈ Industrial Turquoise
Tetrada +90° +180° +270°
- BB0CCA
Telemagenta
- B55B00
≈ Elm Brown Red
- 00901D
≈ Emerald
- 0081B2
≈ Primal Blue
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.22:1 · APCA Lc 74
Ag
FailNa czerni
WCAG 4.01:1 · APCA Lc 28
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.22:1 (AA) · APCA Lc 74
Contrast pairs
Fragmenty kodu
CSS
:root {
--telemagenta: #bb0cca;
--telemagenta-rgb: 187 12 202;
--telemagenta-oklch: oklch(0.568 0.262 324.2);
}
.element {
color: var(--telemagenta);
background-color: hsl(295 89% 42%);
border-color: oklch(0.568 0.262 324.2);
}Tailwind CSS v4
@theme {
--color-telemagenta: #bb0cca;
--color-telemagenta-50: #ffdbff;
--color-telemagenta-100: #ffc9ff;
--color-telemagenta-200: #ffaaff;
--color-telemagenta-300: #fa80fd;
--color-telemagenta-400: #e556f3;
--color-telemagenta-500: #d309e4;
--color-telemagenta-600: #b214c0;
--color-telemagenta-700: #8f129a;
--color-telemagenta-800: #690c76;
--color-telemagenta-900: #4a0853;
--color-telemagenta-950: #300038;
}SCSS
$telemagenta: #bb0cca;
$telemagenta-rgb: 187, 12, 202;
$telemagenta-light: mix(#fff, $telemagenta, 20%);
$telemagenta-dark: mix(#000, $telemagenta, 20%);
.element {
color: $telemagenta;
box-shadow: 0 0 0 2px rgba($telemagenta, 0.35);
}