Benannte Farbe · #7BB369
Soon to Be Hay
Soon to Be Hay ist #7BB369: rgb(123 179 105), hsl(105 33% 56%), oklch(0.71 0.119 138.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Soon to Be Hay color name →
#7BB369
oklch(0.71 0.119 138.4)
Farbumrechnungen
- HEX
- #7bb369
- RGB
- rgb(123 179 105)
- HSL
- hsl(105 33% 56%)
- HWB
- hwb(105 41% 30%)
- OKLCH
- oklch(0.71 0.119 138.4)
- OKLab
- oklab(0.71 -0.089 0.079)
- CIE Lab
- lab(67.71 -29.64 31.69)
- LCH
- lch(67.71 43.39 133.1)
- CMYK
- cmyk(31% 0% 41% 30%)
Tints · Shades · Tones
Tints
- 88BB78
- 95C287
- A2CA96
- AFD2A5
- BDD9B4
- CAE1C3
- D7E8D2
- E4F0E1
- F2F7F0
Shades
- 6A9B5A
- 5A844C
- 4A6E3E
- 3A5831
- 2C4324
- 1E2F18
- 101D0C
- 050C04
- 010100
Tones
- 7CAE6C
- 7DA96F
- 7EA472
- 7E9F74
- 7F9A77
- 7F9579
- 808F7B
- 808A7D
- 80857E
Farbharmonien
Komplementär +180°
- 7BB369
Soon to Be Hay
- C189D1
≈ Purception
Analog -30° +30°
- 7BB369
Soon to Be Hay
- A8A747
≈ Olive Reserve
- 44B994
≈ Blue Green Scene
Triadisch +120° +240°
- 7BB369
Soon to Be Hay
- 72A2EB
≈ Greek Sea
- E28185
≈ Pulp
Geteilt komplementär +150° +210°
- 7BB369
Soon to Be Hay
- 9E95E7
≈ Dull Lavender
- D882AE
≈ Middle Purple
Tetradisch +90° +180° +270°
- 7BB369
Soon to Be Hay
- 3DAFDC
≈ Highlighter Blue
- C189D1
≈ Purception
- DD8A5D
≈ Copper Tan
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.47:1 · APCA Lc 48
Ag
AAAAuf Schwarz
WCAG 8.49:1 · APCA Lc 53
Beste Textfarbe: #000000
WCAG 8.49:1 (AAA) · APCA Lc 53
Contrast pairs
Code-Snippets
CSS
:root {
--soon-to-be-hay: #7bb369;
--soon-to-be-hay-rgb: 123 179 105;
--soon-to-be-hay-oklch: oklch(0.71 0.119 138.4);
}
.element {
color: var(--soon-to-be-hay);
background-color: hsl(105 33% 56%);
border-color: oklch(0.71 0.119 138.4);
}Tailwind CSS v4
@theme {
--color-soon-to-be-hay: #7bb369;
--color-soon-to-be-hay-50: #e4fede;
--color-soon-to-be-hay-100: #d3f2cd;
--color-soon-to-be-hay-200: #bae1b2;
--color-soon-to-be-hay-300: #97c78d;
--color-soon-to-be-hay-400: #7aaf69;
--color-soon-to-be-hay-500: #5c9847;
--color-soon-to-be-hay-600: #4e813d;
--color-soon-to-be-hay-700: #3e6730;
--color-soon-to-be-hay-800: #2e4c20;
--color-soon-to-be-hay-900: #1f3415;
--color-soon-to-be-hay-950: #0f2007;
}SCSS
$soon-to-be-hay: #7bb369;
$soon-to-be-hay-rgb: 123, 179, 105;
$soon-to-be-hay-light: mix(#fff, $soon-to-be-hay, 20%);
$soon-to-be-hay-dark: mix(#000, $soon-to-be-hay, 20%);
.element {
color: $soon-to-be-hay;
box-shadow: 0 0 0 2px rgba($soon-to-be-hay, 0.35);
}