이름 색상 · #BFB5CA
Decency
Decency은(는) #BFB5CA: rgb(191 181 202), hsl(269 17% 75%), oklch(0.788 0.031 307). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Decency color name →
#BFB5CA
oklch(0.788 0.031 307)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- C5BCCF
- CCC3D4
- D2CBDA
- D8D2DF
- DFD9E4
- E5E1EA
- EBE8EF
- F2F0F4
- F8F7FA
셰이드
- A69DAF
- 8D8695
- 756F7C
- 5E5964
- 48444D
- 333037
- 1F1D22
- 0D0C0F
- 020202
톤
- B8B0C2
- B2AABB
- ACA5B3
- A59FAC
- 9F9AA4
- 99959D
- 929096
- 8C8A8E
- 868587
색 조화
보색 +180°
- BFB5CA
Decency
- B4BEA9
≈ Unroasted Coffee
유사색 -30° +30°
- BFB5CA
Decency
- B4B9CE
≈ Winter Dusk
- C8B3C1
≈ Runic Mauve
삼각 배색 +120° +240°
- BFB5CA
Decency
- C8B7A5
≈ Dust Bunny
- A4C1BD
≈ Swan Sea
분열 보색 +150° +210°
- BFB5CA
Decency
- BFBAA4
≈ Tidal Foam
- AAC0B2
≈ Kind Green
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.96:1 · APCA Lc 38
Ag
AAA검은색 위
WCAG 10.67:1 · APCA Lc 64
가장 좋은 글자색: #000000
WCAG 10.67:1 (AAA) · APCA Lc 64
Contrast pairs
코드 스니펫
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);
}