Najbliższy nazwany kolor · #B39EB8
#B39EB8
Najbliższy nazwany kolor: Pastel Purple
#B39EB8 (rgb(179 158 184), hsl(288 15% 67%), oklch(0.726 0.044 319.7)) jest najbliższy nazwanemu kolorowi Pastel Purple. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#B39EB8
oklch(0.726 0.044 319.7)
Konwersje koloru
- HEX
- #b39eb8
- RGB
- rgb(179 158 184)
- HSL
- hsl(288 15% 67%)
- HWB
- hwb(288 62% 28%)
- OKLCH
- oklch(0.726 0.044 319.7)
- OKLab
- oklab(0.726 0.033 -0.028)
- CIE Lab
- lab(67.61 11.52 -10.53)
- LCH
- lch(67.61 15.61 317.6)
- CMYK
- cmyk(3% 14% 0% 28%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- BAA7BF
- C2B1C6
- C9BACD
- D1C4D4
- D9CEDB
- E0D7E2
- E8E1E9
- F0EBF1
- F7F5F8
Odcienie ciemniejsze
- 9B89A0
- 847488
- 6E6071
- 584D5B
- 433A45
- 2F2931
- 1D181E
- 0C090C
- 010102
Tony
- AE9BB2
- A998AD
- A395A7
- 9E92A1
- 998F9C
- 948C96
- 8F8991
- 8A868B
- 858385
Harmonie kolorów
Komplementarna +180°
- B39EB8
Pastel Purple
- 98AE94
≈ Nurture Green
Analogowa -30° +30°
- B39EB8
Pastel Purple
- A5A2C1
≈ Canyon Mist
- BD9CAA
≈ Pale Petticoat
Triada +120° +240°
- B39EB8
Pastel Purple
- B5A488
≈ Desert Grey
- 87AFB1
≈ Bon Voyage
Komplementarna rozszczepiona +150° +210°
- B39EB8
Pastel Purple
- A8A98A
≈ Meditation Time
- 8CB0A2
≈ Longfellow
Tetrada +90° +180° +270°
- B39EB8
Pastel Purple
- BE9F8E
≈ Earth Warming
- 98AE94
≈ Nurture Green
- 8BACBD
≈ Pool Bar
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.47:1 · APCA Lc 49
Ag
AAANa czerni
WCAG 8.49:1 · APCA Lc 53
Najlepszy kolor tekstu: #000000
WCAG 8.49:1 (AAA) · APCA Lc 53
Contrast pairs
Fragmenty kodu
CSS
:root {
--pastel-purple: #b39eb8;
--pastel-purple-rgb: 179 158 184;
--pastel-purple-oklch: oklch(0.726 0.044 319.7);
}
.element {
color: var(--pastel-purple);
background-color: hsl(288 15% 67%);
border-color: oklch(0.726 0.044 319.7);
}Tailwind CSS v4
@theme {
--color-pastel-purple: #b39eb8;
--color-pastel-purple-50: #fbf1fd;
--color-pastel-purple-100: #efe3f1;
--color-pastel-purple-200: #ddcee0;
--color-pastel-purple-300: #c2b0c5;
--color-pastel-purple-400: #aa96af;
--color-pastel-purple-500: #937d99;
--color-pastel-purple-600: #7d6a81;
--color-pastel-purple-700: #645567;
--color-pastel-purple-800: #493e4c;
--color-pastel-purple-900: #322a35;
--color-pastel-purple-950: #1e1820;
}SCSS
$pastel-purple: #b39eb8;
$pastel-purple-rgb: 179, 158, 184;
$pastel-purple-light: mix(#fff, $pastel-purple, 20%);
$pastel-purple-dark: mix(#000, $pastel-purple, 20%);
.element {
color: $pastel-purple;
box-shadow: 0 0 0 2px rgba($pastel-purple, 0.35);
}