Nazwany kolor · #B48395
Nuisette
Nuisette to #B48395: rgb(180 131 149), hsl(338 25% 61%), oklch(0.663 0.065 355.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Nuisette color name →
#B48395
oklch(0.663 0.065 355.2)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- BC8F9F
- C39BA9
- CBA7B4
- D3B3BE
- DAC0C9
- E2CCD3
- E9D9DE
- F0E5E9
- F8F2F4
Odcienie ciemniejsze
- 9C7181
- 85606D
- 6E4F5A
- 583F48
- 442F37
- 302026
- 1D1216
- 0C0608
- 020101
Tony
- AF8393
- AA8391
- A5828F
- A0828D
- 9B828A
- 958288
- 908186
- 8B8184
- 858082
Harmonie kolorów
Komplementarna +180°
- B48395
Nuisette
- 67A191
≈ Jade Dragon
Analogowa -30° +30°
- B48395
Nuisette
- A886A9
≈ Baroness
- B8847F
≈ Red Clover
Triada +120° +240°
- B48395
Nuisette
- 91986A
≈ Exotic Palm
- 6C9AB6
≈ Yacht Blue
Komplementarna rozszczepiona +150° +210°
- B48395
Nuisette
- 7B9E7B
≈ Green Grey
- 619FA6
≈ Atlas Cedar
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.17:1 · APCA Lc 59
Ag
AANa czerni
WCAG 6.62:1 · APCA Lc 43
Najlepszy kolor tekstu: #000000
WCAG 6.62:1 (AA) · APCA Lc 43
Contrast pairs
Fragmenty kodu
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);
}