Najbliższy nazwany kolor · #B473D5
#B473D5
Najbliższy nazwany kolor: Lavender
#B473D5 (rgb(180 115 213), hsl(280 54% 64%), oklch(0.662 0.155 313.4)) jest najbliższy nazwanemu kolorowi Lavender. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#B473D5
oklch(0.662 0.155 313.4)
Konwersje koloru
- HEX
- #b473d5
- RGB
- rgb(180 115 213)
- HSL
- hsl(280 54% 64%)
- HWB
- hwb(280 45% 16%)
- OKLCH
- oklch(0.662 0.155 313.4)
- OKLab
- oklab(0.662 0.106 -0.112)
- CIE Lab
- lab(58.49 39.04 -40.61)
- LCH
- lch(58.49 56.33 313.9)
- CMYK
- cmyk(15% 46% 0% 16%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- BC81DA
- C390DF
- CB9EE3
- D2ABE8
- DAB9EC
- E1C7F0
- E9D5F4
- F0E3F8
- F8F1FB
Odcienie ciemniejsze
- 9C63B9
- 85549E
- 6E4583
- 58366A
- 442851
- 301B3A
- 1D0F24
- 0C0510
- 020102
Tony
- AF75CD
- AA77C4
- A579BC
- 9F7AB3
- 9A7CAB
- 957DA2
- 907E9A
- 8B7F91
- 857F89
Harmonie kolorów
Komplementarna +180°
- B473D5
Lavender
- 6BA638
≈ Siren of Nature
Analogowa -30° +30°
- B473D5
Lavender
- 8883ED
≈ Lavender Blue Shadow
- D268AB
≈ Mega Magenta
Triada +120° +240°
- B473D5
Lavender
- C68300
≈ Bubonic Brown
- 00A8A6
≈ Jade Orchid
Komplementarna rozszczepiona +150° +210°
- B473D5
Lavender
- A29600
≈ Papyrus
- 00AD7A
≈ Bright Camouflage
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.30:1 · APCA Lc 60
Ag
AANa czerni
WCAG 6.35:1 · APCA Lc 42
Najlepszy kolor tekstu: #000000
WCAG 6.35:1 (AA) · APCA Lc 42
Contrast pairs
Fragmenty kodu
CSS
:root {
--lavender: #b473d5;
--lavender-rgb: 180 115 213;
--lavender-oklch: oklch(0.662 0.155 313.4);
}
.element {
color: var(--lavender);
background-color: hsl(280 54% 64%);
border-color: oklch(0.662 0.155 313.4);
}Tailwind CSS v4
@theme {
--color-lavender: #b473d5;
--color-lavender-50: #ffe8ff;
--color-lavender-100: #fcd9ff;
--color-lavender-200: #eec0ff;
--color-lavender-300: #d69fed;
--color-lavender-400: #bf81de;
--color-lavender-500: #aa62cd;
--color-lavender-600: #8f53ad;
--color-lavender-700: #73428b;
--color-lavender-800: #543069;
--color-lavender-900: #3a214a;
--color-lavender-950: #241030;
}SCSS
$lavender: #b473d5;
$lavender-rgb: 180, 115, 213;
$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);
}