Colore con nome · #B5B35C
Hemp Tea
Hemp Tea è #B5B35C: rgb(181 179 92), hsl(59 38% 54%), oklch(0.75 0.11 107.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Hemp Tea color name →
#B5B35C
oklch(0.75 0.11 107.6)
Conversioni di colore
- HEX
- #b5b35c
- RGB
- rgb(181 179 92)
- HSL
- hsl(59 38% 54%)
- HWB
- hwb(59 36% 29%)
- OKLCH
- oklch(0.75 0.11 107.6)
- OKLab
- oklab(0.75 -0.033 0.105)
- CIE Lab
- lab(71.72 -8.21 44.17)
- LCH
- lch(71.72 44.92 100.5)
- CMYK
- cmyk(0% 1% 49% 29%)
Tinte · Ombre · Toni
Tinte
- BCBB6E
- C3C27F
- CACA8F
- D2D1A0
- D9D9B0
- E0E1BF
- E8E8CF
- F0F0DF
- F7F7EF
Ombre
- 9D9B4F
- 868442
- 6F6E36
- 59582A
- 44431F
- 302F14
- 1D1D0A
- 0C0C03
- 020100
Toni
- AFAE61
- AAA966
- A5A46B
- 9F9F6F
- 9A9A72
- 949575
- 8F8F78
- 8A8A7B
- 85857E
Armonie di colore
Complementare +180°
- B5B35C
Hemp Tea
- AAA3F0
≈ Cold Lips
Analogo -30° +30°
- B5B35C
Hemp Tea
- D4A558
≈ Cat’s Eye Marble
- 8CBE79
≈ Baby Grass
Triadico +120° +240°
- B5B35C
Hemp Tea
- 57BCE4
≈ Nancy
- E191BB
≈ Chewing Gum Pink
Complementare divisa +150° +210°
- B5B35C
Hemp Tea
- 81B0F3
≈ Fly Away
- CB98DC
≈ Somewhere in a Fairytale
Tetradico +90° +180° +270°
- B5B35C
Hemp Tea
- 42C3C6
≈ Gem Turquoise
- AAA3F0
≈ Cold Lips
- EB9194
≈ Pink Porky
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.19:1 · APCA Lc 43
Ag
AAASu nero
WCAG 9.56:1 · APCA Lc 59
Miglior colore del testo: #000000
WCAG 9.56:1 (AAA) · APCA Lc 59
Contrast pairs
Frammenti di codice
CSS
:root {
--hemp-tea: #b5b35c;
--hemp-tea-rgb: 181 179 92;
--hemp-tea-oklch: oklch(0.75 0.11 107.6);
}
.element {
color: var(--hemp-tea);
background-color: hsl(59 38% 54%);
border-color: oklch(0.75 0.11 107.6);
}Tailwind CSS v4
@theme {
--color-hemp-tea: #b5b35c;
--color-hemp-tea-50: #f7f8d5;
--color-hemp-tea-100: #eaecc2;
--color-hemp-tea-200: #d7d9a2;
--color-hemp-tea-300: #bbbd7a;
--color-hemp-tea-400: #a5a352;
--color-hemp-tea-500: #8e8b22;
--color-hemp-tea-600: #787520;
--color-hemp-tea-700: #605e19;
--color-hemp-tea-800: #48440f;
--color-hemp-tea-900: #322f09;
--color-hemp-tea-950: #1e1c00;
}SCSS
$hemp-tea: #b5b35c;
$hemp-tea-rgb: 181, 179, 92;
$hemp-tea-light: mix(#fff, $hemp-tea, 20%);
$hemp-tea-dark: mix(#000, $hemp-tea, 20%);
.element {
color: $hemp-tea;
box-shadow: 0 0 0 2px rgba($hemp-tea, 0.35);
}