Nazwany kolor · #B3D157
Citrus Leaf
Citrus Leaf to #B3D157: rgb(179 209 87), hsl(75 57% 58%), oklch(0.814 0.152 121.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Citrus Leaf color name →
#B3D157
oklch(0.814 0.152 121.5)
Konwersje koloru
- HEX
- #b3d157
- RGB
- rgb(179 209 87)
- HSL
- hsl(75 57% 58%)
- HWB
- hwb(75 34% 18%)
- OKLCH
- oklch(0.814 0.152 121.5)
- OKLab
- oklab(0.814 -0.079 0.13)
- CIE Lab
- lab(79.79 -23.42 55.44)
- LCH
- lch(79.79 60.18 112.9)
- CMYK
- cmyk(14% 0% 58% 18%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- BAD66B
- C2DB7E
- C9E090
- D0E4A0
- D8E9B1
- E0EDC1
- E7F2D0
- EFF6E0
- F7FBF0
Odcienie ciemniejsze
- 9BB54B
- 849B3E
- 6E8133
- 586827
- 43501C
- 2F3912
- 1D2308
- 0C1003
- 010200
Tony
- AEC95E
- A8C165
- A3B96A
- 9EB06F
- 99A873
- 94A076
- 8F9879
- 8A907C
- 85887E
Harmonie kolorów
Komplementarna +180°
- B3D157
Citrus Leaf
- CFB1FF
≈ Teasel Dipsacus
Analogowa -30° +30°
- B3D157
Citrus Leaf
- E6BE34
≈ Bright Sun
- 6DDE8F
≈ Aurora Green
Triada +120° +240°
- B3D157
Citrus Leaf
- 84CBFF
≈ Platonic Blue
- FFA3BD
≈ Amélie’s Tutu
Komplementarna rozszczepiona +150° +210°
- B3D157
Citrus Leaf
- ACBFFF
≈ Pastel Blue
- FA9CEE
≈ Pink Elephants
Tetrada +90° +180° +270°
- B3D157
Citrus Leaf
- 00DAF6
≈ Neon Blue
- CFB1FF
≈ Teasel Dipsacus
- FFA998
≈ Honey Baked Ham
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.72:1 · APCA Lc 31
Ag
AAANa czerni
WCAG 12.17:1 · APCA Lc 72
Najlepszy kolor tekstu: #000000
WCAG 12.17:1 (AAA) · APCA Lc 72
Contrast pairs
Fragmenty kodu
CSS
:root {
--citrus-leaf: #b3d157;
--citrus-leaf-rgb: 179 209 87;
--citrus-leaf-oklch: oklch(0.814 0.152 121.5);
}
.element {
color: var(--citrus-leaf);
background-color: hsl(75 57% 58%);
border-color: oklch(0.814 0.152 121.5);
}Tailwind CSS v4
@theme {
--color-citrus-leaf: #b3d157;
--color-citrus-leaf-50: #ecfdcd;
--color-citrus-leaf-100: #def1b9;
--color-citrus-leaf-200: #c7e097;
--color-citrus-leaf-300: #a8c46a;
--color-citrus-leaf-400: #91ac37;
--color-citrus-leaf-500: #779400;
--color-citrus-leaf-600: #657d00;
--color-citrus-leaf-700: #516400;
--color-citrus-leaf-800: #3d4900;
--color-citrus-leaf-900: #2a3300;
--color-citrus-leaf-950: #171e00;
}SCSS
$citrus-leaf: #b3d157;
$citrus-leaf-rgb: 179, 209, 87;
$citrus-leaf-light: mix(#fff, $citrus-leaf, 20%);
$citrus-leaf-dark: mix(#000, $citrus-leaf, 20%);
.element {
color: $citrus-leaf;
box-shadow: 0 0 0 2px rgba($citrus-leaf, 0.35);
}