Colore con nome · #BFB5CA
Decency
Decency è #BFB5CA: rgb(191 181 202), hsl(269 17% 75%), oklch(0.788 0.031 307). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Decency color name →
#BFB5CA
oklch(0.788 0.031 307)
Conversioni di colore
- HEX
- #bfb5ca
- RGB
- rgb(191 181 202)
- HSL
- hsl(269 17% 75%)
- HWB
- hwb(269 71% 21%)
- OKLCH
- oklch(0.788 0.031 307)
- OKLab
- oklab(0.788 0.019 -0.025)
- CIE Lab
- lab(75.01 6.61 -9.33)
- LCH
- lch(75.01 11.43 305.3)
- CMYK
- cmyk(5% 10% 0% 21%)
Tinte · Ombre · Toni
Tinte
- C5BCCF
- CCC3D4
- D2CBDA
- D8D2DF
- DFD9E4
- E5E1EA
- EBE8EF
- F2F0F4
- F8F7FA
Ombre
- A69DAF
- 8D8695
- 756F7C
- 5E5964
- 48444D
- 333037
- 1F1D22
- 0D0C0F
- 020202
Toni
- B8B0C2
- B2AABB
- ACA5B3
- A59FAC
- 9F9AA4
- 99959D
- 929096
- 8C8A8E
- 868587
Armonie di colore
Complementare +180°
- BFB5CA
Decency
- B4BEA9
≈ Unroasted Coffee
Analogo -30° +30°
- BFB5CA
Decency
- B4B9CE
≈ Winter Dusk
- C8B3C1
≈ Runic Mauve
Triadico +120° +240°
- BFB5CA
Decency
- C8B7A5
≈ Dust Bunny
- A4C1BD
≈ Swan Sea
Complementare divisa +150° +210°
- BFB5CA
Decency
- BFBAA4
≈ Tidal Foam
- AAC0B2
≈ Kind Green
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.96:1 · APCA Lc 38
Ag
AAASu nero
WCAG 10.67:1 · APCA Lc 64
Miglior colore del testo: #000000
WCAG 10.67:1 (AAA) · APCA Lc 64
Contrast pairs
Frammenti di codice
CSS
:root {
--decency: #bfb5ca;
--decency-rgb: 191 181 202;
--decency-oklch: oklch(0.788 0.031 307);
}
.element {
color: var(--decency);
background-color: hsl(269 17% 75%);
border-color: oklch(0.788 0.031 307);
}Tailwind CSS v4
@theme {
--color-decency: #bfb5ca;
--color-decency-50: #f8f3fc;
--color-decency-100: #ebe5f0;
--color-decency-200: #d8d1df;
--color-decency-300: #bcb3c4;
--color-decency-400: #a39aad;
--color-decency-500: #8b8197;
--color-decency-600: #766d7f;
--color-decency-700: #5e5766;
--color-decency-800: #45404b;
--color-decency-900: #302c34;
--color-decency-950: #1c1920;
}SCSS
$decency: #bfb5ca;
$decency-rgb: 191, 181, 202;
$decency-light: mix(#fff, $decency, 20%);
$decency-dark: mix(#000, $decency, 20%);
.element {
color: $decency;
box-shadow: 0 0 0 2px rgba($decency, 0.35);
}