Colore con nome · #BDA998
Notorious
Notorious è #BDA998: rgb(189 169 152), hsl(28 22% 67%), oklch(0.747 0.033 62.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Notorious color name →
#BDA998
oklch(0.747 0.033 62.7)
Conversioni di colore
- HEX
- #bda998
- RGB
- rgb(189 169 152)
- HSL
- hsl(28 22% 67%)
- HWB
- hwb(28 60% 26%)
- OKLCH
- oklch(0.747 0.033 62.7)
- OKLab
- oklab(0.747 0.015 0.03)
- CIE Lab
- lab(70.64 5.45 11.59)
- LCH
- lch(70.64 12.81 64.8)
- CMYK
- cmyk(0% 11% 20% 26%)
Tinte · Ombre · Toni
Tinte
- C4B1A2
- CABAAC
- D1C2B6
- D7CBC0
- DED3CB
- E4DCD5
- EBE5DF
- F2EDEA
- F8F6F4
Ombre
- A49284
- 8C7C70
- 74675C
- 5D534A
- 473F38
- 332C27
- 1F1B17
- 0D0A08
- 020101
Toni
- B7A596
- B1A193
- AA9D91
- A4988E
- 9E948C
- 98908A
- 928C87
- 8C8885
- 868482
Armonie di colore
Complementare +180°
- BDA998
Notorious
- 9CB0C1
≈ Sterling Silver
Analogo -30° +30°
- BDA998
Notorious
- C1A6A0
≈ Mohair Mauve
- B4AD96
≈ Bison Hide
Triadico +120° +240°
- BDA998
Notorious
- 97B4AF
≈ Lake Forest
- B1A8BF
≈ Transparent Mauve
Complementare divisa +150° +210°
- BDA998
Notorious
- 96B3BA
≈ Mohair Soft Blue Grey
- A6ACC3
≈ Upscale
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.25:1 · APCA Lc 45
Ag
AAASu nero
WCAG 9.29:1 · APCA Lc 58
Miglior colore del testo: #000000
WCAG 9.29:1 (AAA) · APCA Lc 58
Contrast pairs
Frammenti di codice
CSS
:root {
--notorious: #bda998;
--notorious-rgb: 189 169 152;
--notorious-oklch: oklch(0.747 0.033 62.7);
}
.element {
color: var(--notorious);
background-color: hsl(28 22% 67%);
border-color: oklch(0.747 0.033 62.7);
}Tailwind CSS v4
@theme {
--color-notorious: #bda998;
--color-notorious-50: #fcf3eb;
--color-notorious-100: #f0e6dd;
--color-notorious-200: #dfd2c6;
--color-notorious-300: #c4b4a6;
--color-notorious-400: #ad9b8b;
--color-notorious-500: #978270;
--color-notorious-600: #7f6e5f;
--color-notorious-700: #66584c;
--color-notorious-800: #4b4037;
--color-notorious-900: #342c25;
--color-notorious-950: #201914;
}SCSS
$notorious: #bda998;
$notorious-rgb: 189, 169, 152;
$notorious-light: mix(#fff, $notorious, 20%);
$notorious-dark: mix(#000, $notorious, 20%);
.element {
color: $notorious;
box-shadow: 0 0 0 2px rgba($notorious, 0.35);
}