Najbliższy nazwany kolor · #B169D4
#B169D4
Najbliższy nazwany kolor: Lavender
#B169D4 (rgb(177 105 212), hsl(280 55% 62%), oklch(0.643 0.169 313.6)) jest najbliższy nazwanemu kolorowi Lavender. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#B169D4
oklch(0.643 0.169 313.6)
Konwersje koloru
- HEX
- #b169d4
- RGB
- rgb(177 105 212)
- HSL
- hsl(280 55% 62%)
- HWB
- hwb(280 41% 17%)
- OKLCH
- oklch(0.643 0.169 313.6)
- OKLab
- oklab(0.643 0.117 -0.122)
- CIE Lab
- lab(55.99 43.05 -43.99)
- LCH
- lch(55.99 61.55 314.4)
- CMYK
- cmyk(17% 50% 0% 17%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B979D9
- C188DE
- C997E3
- D1A6E7
- D8B5EC
- E0C4F0
- E8D2F4
- F0E1F8
- F7F0FB
Odcienie ciemniejsze
- 995AB8
- 834C9D
- 6C3E83
- 573169
- 422451
- 2F183A
- 1C0C24
- 0C0410
- 010002
Tony
- AC6CCC
- A770C4
- A372BB
- 9E75B3
- 9977AB
- 9479A2
- 8F7B9A
- 8A7D91
- 857F89
Harmonie kolorów
Komplementarna +180°
- B169D4
Lavender
- 60A222
≈ Elven Olympics
Analogowa -30° +30°
- B169D4
Lavender
- 827AEF
≈ Hera Blue
- D05CA7
≈ Pú Táo Zǐ Purple
Triada +120° +240°
- B169D4
Lavender
- BE7E00
≈ Guo Tie Dumpling
- 00A1A0
≈ Aqua Velvet
Komplementarna rozszczepiona +150° +210°
- B169D4
Lavender
- 9C9000
≈ Smoothie Green
- 00A675
≈ Bluish Green
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.59:1 · APCA Lc 63
Ag
AANa czerni
WCAG 5.84:1 · APCA Lc 38
Najlepszy kolor tekstu: #000000
WCAG 5.84:1 (AA) · APCA Lc 38
Contrast pairs
Fragmenty kodu
CSS
:root {
--lavender: #b169d4;
--lavender-rgb: 177 105 212;
--lavender-oklch: oklch(0.643 0.169 313.6);
}
.element {
color: var(--lavender);
background-color: hsl(280 55% 62%);
border-color: oklch(0.643 0.169 313.6);
}Tailwind CSS v4
@theme {
--color-lavender: #b169d4;
--color-lavender-50: #ffe7ff;
--color-lavender-100: #fed7ff;
--color-lavender-200: #f0beff;
--color-lavender-300: #d99cf2;
--color-lavender-400: #c27de4;
--color-lavender-500: #ad5dd3;
--color-lavender-600: #924fb2;
--color-lavender-700: #753f8f;
--color-lavender-800: #552e6c;
--color-lavender-900: #3c1f4c;
--color-lavender-950: #250e32;
}SCSS
$lavender: #b169d4;
$lavender-rgb: 177, 105, 212;
$lavender-light: mix(#fff, $lavender, 20%);
$lavender-dark: mix(#000, $lavender, 20%);
.element {
color: $lavender;
box-shadow: 0 0 0 2px rgba($lavender, 0.35);
}