Warna bernama · #B5B35C
Hemp Tea
Hemp Tea adalah #B5B35C: rgb(181 179 92), hsl(59 38% 54%), oklch(0.75 0.11 107.6). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Yellow mean? → · Hemp Tea color name →
#B5B35C
oklch(0.75 0.11 107.6)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- BCBB6E
- C3C27F
- CACA8F
- D2D1A0
- D9D9B0
- E0E1BF
- E8E8CF
- F0F0DF
- F7F7EF
Shade
- 9D9B4F
- 868442
- 6F6E36
- 59582A
- 44431F
- 302F14
- 1D1D0A
- 0C0C03
- 020100
Tone
- AFAE61
- AAA966
- A5A46B
- 9F9F6F
- 9A9A72
- 949575
- 8F8F78
- 8A8A7B
- 85857E
Harmoni warna
Komplementer +180°
- B5B35C
Hemp Tea
- AAA3F0
≈ Cold Lips
Analog -30° +30°
- B5B35C
Hemp Tea
- D4A558
≈ Cat’s Eye Marble
- 8CBE79
≈ Baby Grass
Triadik +120° +240°
- B5B35C
Hemp Tea
- 57BCE4
≈ Nancy
- E191BB
≈ Chewing Gum Pink
Split-komplementer +150° +210°
- B5B35C
Hemp Tea
- 81B0F3
≈ Fly Away
- CB98DC
≈ Somewhere in a Fairytale
Tetradik +90° +180° +270°
- B5B35C
Hemp Tea
- 42C3C6
≈ Gem Turquoise
- AAA3F0
≈ Cold Lips
- EB9194
≈ Pink Porky
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 2.19:1 · APCA Lc 43
Ag
AAADi atas hitam
WCAG 9.56:1 · APCA Lc 59
Warna teks terbaik: #000000
WCAG 9.56:1 (AAA) · APCA Lc 59
Contrast pairs
Cuplikan kode
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);
}