Adlandırılmış renk · #B39EB5
Pastel Purple
Pastel Purple, #B39EB5: rgb(179 158 181), hsl(295 13% 66%), oklch(0.725 0.04 323.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Purple mean? → · Pastel Purple color name →
#B39EB5
oklch(0.725 0.04 323.3)
Renk dönüşümleri
- HEX
- #b39eb5
- RGB
- rgb(179 158 181)
- HSL
- hsl(295 13% 66%)
- HWB
- hwb(295 62% 29%)
- OKLCH
- oklch(0.725 0.04 323.3)
- OKLab
- oklab(0.725 0.032 -0.024)
- CIE Lab
- lab(67.53 11.08 -8.98)
- LCH
- lch(67.53 14.27 321)
- CMYK
- cmyk(1% 13% 0% 29%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- BAA7BC
- C2B1C3
- C9BACB
- D1C4D2
- D9CEDA
- E0D7E1
- E8E1E8
- F0EBF0
- F7F5F7
Koyu tonlar
- 9B899D
- 847486
- 6E606F
- 584D59
- 433A44
- 2F2930
- 1D181D
- 0C090C
- 010102
Gri tonlar
- AE9BB0
- A998AA
- A395A5
- 9E929F
- 998F9A
- 948C95
- 8F8990
- 8A868A
- 858385
Renk uyumları
Tamamlayıcı +180°
- B39EB5
Pastel Purple
- 98AD96
≈ Rooftop Garden
Analog -30° +30°
- B39EB5
Pastel Purple
- A7A2BE
≈ Canyon Mist
- BB9CA8
≈ Pale Petticoat
Üçlü +120° +240°
- B39EB5
Pastel Purple
- B2A48A
≈ Curly Willow
- 89AEB1
≈ Bon Voyage
Bölünmüş tamamlayıcı +150° +210°
- B39EB5
Pastel Purple
- A6A98C
≈ Mountain Sage
- 8DAFA4
≈ Donnegal
Dörtlü +90° +180° +270°
- B39EB5
Pastel Purple
- BBA08F
≈ White Mouse
- 98AD96
≈ Rooftop Garden
- 8EABBC
≈ Pool Bar
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.47:1 · APCA Lc 49
Ag
AAASiyah üzerinde
WCAG 8.47:1 · APCA Lc 53
En iyi metin rengi: #000000
WCAG 8.47:1 (AAA) · APCA Lc 53
Contrast pairs
Kod parçacıkları
CSS
:root {
--pastel-purple: #b39eb5;
--pastel-purple-rgb: 179 158 181;
--pastel-purple-oklch: oklch(0.725 0.04 323.3);
}
.element {
color: var(--pastel-purple);
background-color: hsl(295 13% 66%);
border-color: oklch(0.725 0.04 323.3);
}Tailwind CSS v4
@theme {
--color-pastel-purple: #b39eb5;
--color-pastel-purple-50: #fbf1fc;
--color-pastel-purple-100: #efe3ef;
--color-pastel-purple-200: #decfde;
--color-pastel-purple-300: #c3b1c3;
--color-pastel-purple-400: #ab97ac;
--color-pastel-purple-500: #947d96;
--color-pastel-purple-600: #7d6a7f;
--color-pastel-purple-700: #645565;
--color-pastel-purple-800: #493e4b;
--color-pastel-purple-900: #332b34;
--color-pastel-purple-950: #1e181f;
}SCSS
$pastel-purple: #b39eb5;
$pastel-purple-rgb: 179, 158, 181;
$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);
}