Nazwany kolor · #AFBB33
Lush Bamboo
Lush Bamboo to #AFBB33: rgb(175 187 51), hsl(65 57% 47%), oklch(0.759 0.154 114.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Lush Bamboo color name →
#AFBB33
oklch(0.759 0.154 114.5)
Konwersje koloru
- HEX
- #afbb33
- RGB
- rgb(175 187 51)
- HSL
- hsl(65 57% 47%)
- HWB
- hwb(65 20% 27%)
- OKLCH
- oklch(0.759 0.154 114.5)
- OKLab
- oklab(0.759 -0.064 0.14)
- CIE Lab
- lab(73.13 -16.63 62.62)
- LCH
- lch(73.13 64.79 104.9)
- CMYK
- cmyk(6% 0% 73% 27%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B6C250
- BEC968
- C6D07D
- CED790
- D6DEA3
- DEE5B6
- E6EBC8
- EEF2DB
- F6F8ED
Odcienie ciemniejsze
- 98A22B
- 818A23
- 6B731C
- 565C14
- 41460D
- 2E3207
- 1C1F03
- 0B0D01
- 010200
Tony
- AAB542
- A5AF4E
- A0AA57
- 9BA45F
- 979E66
- 92986C
- 8D9272
- 898C77
- 84867C
Harmonie kolorów
Komplementarna +180°
- AFBB33
Lush Bamboo
- B79EFF
≈ Diva
Analogowa -30° +30°
- AFBB33
Lush Bamboo
- DEA70B
≈ Cabana Glow
- 6DCA70
≈ Snow Pea
Triada +120° +240°
- AFBB33
Lush Bamboo
- 33BEFF
≈ Megaman
- FA84B6
≈ Cochonnet
Komplementarna rozszczepiona +150° +210°
- AFBB33
Lush Bamboo
- 89AFFF
≈ Kitten’s Eye
- E08CE7
≈ Bright Lilac
Tetrada +90° +180° +270°
- AFBB33
Lush Bamboo
- 00C8D7
≈ Turquoise Surf
- B79EFF
≈ Diva
- FF8982
≈ Coral Trails
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.10:1 · APCA Lc 41
Ag
AAANa czerni
WCAG 9.97:1 · APCA Lc 61
Najlepszy kolor tekstu: #000000
WCAG 9.97:1 (AAA) · APCA Lc 61
Contrast pairs
Fragmenty kodu
CSS
:root {
--lush-bamboo: #afbb33;
--lush-bamboo-rgb: 175 187 51;
--lush-bamboo-oklch: oklch(0.759 0.154 114.5);
}
.element {
color: var(--lush-bamboo);
background-color: hsl(65 57% 47%);
border-color: oklch(0.759 0.154 114.5);
}Tailwind CSS v4
@theme {
--color-lush-bamboo: #afbb33;
--color-lush-bamboo-50: #f2fcca;
--color-lush-bamboo-100: #e4efb5;
--color-lush-bamboo-200: #d0dd90;
--color-lush-bamboo-300: #b3c161;
--color-lush-bamboo-400: #9da826;
--color-lush-bamboo-500: #859000;
--color-lush-bamboo-600: #717a00;
--color-lush-bamboo-700: #5a6100;
--color-lush-bamboo-800: #444700;
--color-lush-bamboo-900: #2f3100;
--color-lush-bamboo-950: #1c1d00;
}SCSS
$lush-bamboo: #afbb33;
$lush-bamboo-rgb: 175, 187, 51;
$lush-bamboo-light: mix(#fff, $lush-bamboo, 20%);
$lush-bamboo-dark: mix(#000, $lush-bamboo, 20%);
.element {
color: $lush-bamboo;
box-shadow: 0 0 0 2px rgba($lush-bamboo, 0.35);
}