Adlandırılmış renk · #BBBCDE
Wisteria Fragrance
Wisteria Fragrance, #BBBCDE: rgb(187 188 222), hsl(238 35% 80%), oklch(0.806 0.048 283.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Blue mean? → · Wisteria Fragrance color name →
#BBBCDE
oklch(0.806 0.048 283.9)
Renk dönüşümleri
- HEX
- #bbbcde
- RGB
- rgb(187 188 222)
- HSL
- hsl(238 35% 80%)
- HWB
- hwb(238 73% 13%)
- OKLCH
- oklch(0.806 0.048 283.9)
- OKLab
- oklab(0.806 0.012 -0.046)
- CIE Lab
- lab(77 4.77 -17.21)
- LCH
- lch(77 17.86 285.5)
- CMYK
- cmyk(16% 15% 0% 13%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C2C3E1
- C8C9E5
- CFD0E8
- D6D6EB
- DCDDEF
- E3E4F2
- EAEBF5
- F1F1F9
- F8F8FC
Koyu tonlar
- A2A3C1
- 8A8BA5
- 737389
- 5C5D6F
- 464755
- 32323D
- 1F1F26
- 0D0D12
- 020202
Gri tonlar
- B5B6D4
- AFB0CB
- A9AAC1
- A3A4B8
- 9D9EAE
- 9798A5
- 91929B
- 8B8C92
- 868689
Renk uyumları
Tamamlayıcı +180°
- BBBCDE
Wisteria Fragrance
- C4C29E
≈ Chameleon Tango
Analog -30° +30°
- BBBCDE
Wisteria Fragrance
- ABC2DE
≈ Cloudy Blue
- CBB7D6
≈ Liberace
Üçlü +120° +240°
- BBBCDE
Wisteria Fragrance
- DBB6A7
≈ Toasted Beige
- A4CAB7
≈ Bird’s Egg Green
Bölünmüş tamamlayıcı +150° +210°
- BBBCDE
Wisteria Fragrance
- D2BC9E
≈ Gaia
- B3C7A8
≈ Freshwater Green
Dörtlü +90° +180° +270°
- BBBCDE
Wisteria Fragrance
- DDB4B6
≈ Peachskin
- C4C29E
≈ Chameleon Tango
- 9CCAC8
≈ Aqua Mist
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.84:1 · APCA Lc 35
Ag
AAASiyah üzerinde
WCAG 11.36:1 · APCA Lc 68
En iyi metin rengi: #000000
WCAG 11.36:1 (AAA) · APCA Lc 68
Contrast pairs
Kod parçacıkları
CSS
:root {
--wisteria-fragrance: #bbbcde;
--wisteria-fragrance-rgb: 187 188 222;
--wisteria-fragrance-oklch: oklch(0.806 0.048 283.9);
}
.element {
color: var(--wisteria-fragrance);
background-color: hsl(238 35% 80%);
border-color: oklch(0.806 0.048 283.9);
}Tailwind CSS v4
@theme {
--color-wisteria-fragrance: #bbbcde;
--color-wisteria-fragrance-50: #f3f3ff;
--color-wisteria-fragrance-100: #e6e6f8;
--color-wisteria-fragrance-200: #d2d2e8;
--color-wisteria-fragrance-300: #b5b4cf;
--color-wisteria-fragrance-400: #9a9bba;
--color-wisteria-fragrance-500: #8282a5;
--color-wisteria-fragrance-600: #6e6e8c;
--color-wisteria-fragrance-700: #585870;
--color-wisteria-fragrance-800: #3f4153;
--color-wisteria-fragrance-900: #2c2d3a;
--color-wisteria-fragrance-950: #191a24;
}SCSS
$wisteria-fragrance: #bbbcde;
$wisteria-fragrance-rgb: 187, 188, 222;
$wisteria-fragrance-light: mix(#fff, $wisteria-fragrance, 20%);
$wisteria-fragrance-dark: mix(#000, $wisteria-fragrance, 20%);
.element {
color: $wisteria-fragrance;
box-shadow: 0 0 0 2px rgba($wisteria-fragrance, 0.35);
}