Nazwany kolor · #B5BF50
Sativa
Sativa to #B5BF50: rgb(181 191 80), hsl(65 46% 53%), oklch(0.775 0.135 113.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Sativa color name →
#B5BF50
oklch(0.775 0.135 113.9)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- BCC665
- C3CC78
- CAD38A
- D1D99B
- D9E0AC
- E0E6BD
- E8ECCE
- EFF3DE
- F7F9EF
Odcienie ciemniejsze
- 9DA644
- 868D39
- 6F752E
- 595E24
- 44481A
- 303310
- 1D1F07
- 0C0D02
- 020200
Tony
- AFB958
- AAB25F
- A4AC65
- 9FA66A
- 9AA06F
- 949973
- 8F9377
- 8A8D7A
- 85867D
Harmonie kolorów
Komplementarna +180°
- B5BF50
Sativa
- BAA5FF
≈ Diva
Analogowa -30° +30°
- B5BF50
Sativa
- DEAD40
≈ Tiger Cub
- 7DCC7D
≈ Jube Green
Triada +120° +240°
- B5BF50
Sativa
- 4AC3FE
≈ Shovel Knight
- F890BC
≈ Cochonnet
Komplementarna rozszczepiona +150° +210°
- B5BF50
Sativa
- 90B5FF
≈ Carolina Blue
- E097E7
≈ Love Dust
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.99:1 · APCA Lc 38
Ag
AAANa czerni
WCAG 10.53:1 · APCA Lc 64
Najlepszy kolor tekstu: #000000
WCAG 10.53:1 (AAA) · APCA Lc 64
Contrast pairs
Fragmenty kodu
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);
}