이름 색상 · #B48395
Nuisette
Nuisette은(는) #B48395: rgb(180 131 149), hsl(338 25% 61%), oklch(0.663 0.065 355.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Nuisette color name →
#B48395
oklch(0.663 0.065 355.2)
색상 변환
- HEX
- #b48395
- RGB
- rgb(180 131 149)
- HSL
- hsl(338 25% 61%)
- HWB
- hwb(338 51% 29%)
- OKLCH
- oklch(0.663 0.065 355.2)
- OKLab
- oklab(0.663 0.064 -0.005)
- CIE Lab
- lab(60.11 21.47 -1.84)
- LCH
- lch(60.11 21.55 355.1)
- CMYK
- cmyk(0% 27% 17% 29%)
틴트 · 셰이드 · 톤
틴트
- BC8F9F
- C39BA9
- CBA7B4
- D3B3BE
- DAC0C9
- E2CCD3
- E9D9DE
- F0E5E9
- F8F2F4
셰이드
- 9C7181
- 85606D
- 6E4F5A
- 583F48
- 442F37
- 302026
- 1D1216
- 0C0608
- 020101
톤
- AF8393
- AA8391
- A5828F
- A0828D
- 9B828A
- 958288
- 908186
- 8B8184
- 858082
색 조화
보색 +180°
- B48395
Nuisette
- 67A191
≈ Jade Dragon
유사색 -30° +30°
- B48395
Nuisette
- A886A9
≈ Baroness
- B8847F
≈ Red Clover
삼각 배색 +120° +240°
- B48395
Nuisette
- 91986A
≈ Exotic Palm
- 6C9AB6
≈ Yacht Blue
분열 보색 +150° +210°
- B48395
Nuisette
- 7B9E7B
≈ Green Grey
- 619FA6
≈ Atlas Cedar
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.17:1 · APCA Lc 59
Ag
AA검은색 위
WCAG 6.62:1 · APCA Lc 43
가장 좋은 글자색: #000000
WCAG 6.62:1 (AA) · APCA Lc 43
Contrast pairs
코드 스니펫
CSS
:root {
--nuisette: #b48395;
--nuisette-rgb: 180 131 149;
--nuisette-oklch: oklch(0.663 0.065 355.2);
}
.element {
color: var(--nuisette);
background-color: hsl(338 25% 61%);
border-color: oklch(0.663 0.065 355.2);
}Tailwind CSS v4
@theme {
--color-nuisette: #b48395;
--color-nuisette-50: #ffeef5;
--color-nuisette-100: #fbdfe8;
--color-nuisette-200: #edc9d4;
--color-nuisette-300: #d4aab8;
--color-nuisette-400: #be8fa0;
--color-nuisette-500: #a97488;
--color-nuisette-600: #8f6373;
--color-nuisette-700: #734f5c;
--color-nuisette-800: #543944;
--color-nuisette-900: #3b272f;
--color-nuisette-950: #25151c;
}SCSS
$nuisette: #b48395;
$nuisette-rgb: 180, 131, 149;
$nuisette-light: mix(#fff, $nuisette, 20%);
$nuisette-dark: mix(#000, $nuisette, 20%);
.element {
color: $nuisette;
box-shadow: 0 0 0 2px rgba($nuisette, 0.35);
}