Colore con nome · #B5BF50
Sativa
Sativa è #B5BF50: rgb(181 191 80), hsl(65 46% 53%), oklch(0.775 0.135 113.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Sativa color name →
#B5BF50
oklch(0.775 0.135 113.9)
Conversioni di colore
- HEX
- #b5bf50
- RGB
- rgb(181 191 80)
- HSL
- hsl(65 46% 53%)
- HWB
- hwb(65 31% 25%)
- OKLCH
- oklch(0.775 0.135 113.9)
- OKLab
- oklab(0.775 -0.055 0.124)
- CIE Lab
- lab(74.9 -14.72 53.24)
- LCH
- lch(74.9 55.23 105.5)
- CMYK
- cmyk(5% 0% 58% 25%)
Tinte · Ombre · Toni
Tinte
- BCC665
- C3CC78
- CAD38A
- D1D99B
- D9E0AC
- E0E6BD
- E8ECCE
- EFF3DE
- F7F9EF
Ombre
- 9DA644
- 868D39
- 6F752E
- 595E24
- 44481A
- 303310
- 1D1F07
- 0C0D02
- 020200
Toni
- AFB958
- AAB25F
- A4AC65
- 9FA66A
- 9AA06F
- 949973
- 8F9377
- 8A8D7A
- 85867D
Armonie di colore
Complementare +180°
- B5BF50
Sativa
- BAA5FF
≈ Diva
Analogo -30° +30°
- B5BF50
Sativa
- DEAD40
≈ Tiger Cub
- 7DCC7D
≈ Jube Green
Triadico +120° +240°
- B5BF50
Sativa
- 4AC3FE
≈ Shovel Knight
- F890BC
≈ Cochonnet
Complementare divisa +150° +210°
- B5BF50
Sativa
- 90B5FF
≈ Carolina Blue
- E097E7
≈ Love Dust
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.99:1 · APCA Lc 38
Ag
AAASu nero
WCAG 10.53:1 · APCA Lc 64
Miglior colore del testo: #000000
WCAG 10.53:1 (AAA) · APCA Lc 64
Contrast pairs
Frammenti di codice
CSS
:root {
--sativa: #b5bf50;
--sativa-rgb: 181 191 80;
--sativa-oklch: oklch(0.775 0.135 113.9);
}
.element {
color: var(--sativa);
background-color: hsl(65 46% 53%);
border-color: oklch(0.775 0.135 113.9);
}Tailwind CSS v4
@theme {
--color-sativa: #b5bf50;
--color-sativa-50: #f3fbcf;
--color-sativa-100: #e5eebb;
--color-sativa-200: #d1dc99;
--color-sativa-300: #b4c06d;
--color-sativa-400: #9ea73e;
--color-sativa-500: #868f00;
--color-sativa-600: #727900;
--color-sativa-700: #5b6100;
--color-sativa-800: #444600;
--color-sativa-900: #2f3100;
--color-sativa-950: #1c1d00;
}SCSS
$sativa: #b5bf50;
$sativa-rgb: 181, 191, 80;
$sativa-light: mix(#fff, $sativa, 20%);
$sativa-dark: mix(#000, $sativa, 20%);
.element {
color: $sativa;
box-shadow: 0 0 0 2px rgba($sativa, 0.35);
}