Benannte Farbe · #68BD56
Range Land
Range Land ist #68BD56: rgb(104 189 86), hsl(110 44% 54%), oklch(0.721 0.162 140.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Range Land color name →
#68BD56
oklch(0.721 0.162 140.2)
Farbumrechnungen
- HEX
- #68bd56
- RGB
- rgb(104 189 86)
- HSL
- hsl(110 44% 54%)
- HWB
- hwb(110 34% 26%)
- OKLCH
- oklch(0.721 0.162 140.2)
- OKLab
- oklab(0.721 -0.125 0.104)
- CIE Lab
- lab(69.56 -41.81 42.99)
- LCH
- lch(69.56 59.97 134.2)
- CMYK
- cmyk(45% 0% 54% 26%)
Tints · Shades · Tones
Tints
- 78C469
- 88CB7A
- 97D28B
- A6D89C
- B5DFAD
- C4E6BD
- D3ECCD
- E2F2DE
- F0F9EE
Shades
- 59A44A
- 4B8C3E
- 3E7432
- 305D27
- 24471C
- 183312
- 0C1F08
- 040D02
- 000200
Tones
- 6CB75C
- 6FB162
- 72AB67
- 75A56B
- 789F6F
- 7A9973
- 7C9377
- 7D8D7A
- 7F867D
Farbharmonien
Komplementär +180°
- 68BD56
Range Land
- D180E3
≈ Lavender Perceptions
Analog -30° +30°
- 68BD56
Range Land
- ABAD00
≈ Honey and Thyme
- 00C198
≈ Blarney
Triadisch +120° +240°
- 68BD56
Range Land
- 6EA4FF
≈ Âbi Blue
- FA7679
≈ Embarrassment
Geteilt komplementär +150° +210°
- 68BD56
Range Land
- A591FF
≈ Cobalite
- EE76B3
≈ Pop That Gum
Tetradisch +90° +180° +270°
- 68BD56
Range Land
- 00B4ED
≈ Cyanite
- D180E3
≈ Lavender Perceptions
- F38238
≈ Goku Orange
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.33:1 · APCA Lc 46
Ag
AAAAuf Schwarz
WCAG 9.00:1 · APCA Lc 56
Beste Textfarbe: #000000
WCAG 9.00:1 (AAA) · APCA Lc 56
Contrast pairs
Code-Snippets
CSS
:root {
--range-land: #68bd56;
--range-land-rgb: 104 189 86;
--range-land-oklch: oklch(0.721 0.162 140.2);
}
.element {
color: var(--range-land);
background-color: hsl(110 44% 54%);
border-color: oklch(0.721 0.162 140.2);
}Tailwind CSS v4
@theme {
--color-range-land: #68bd56;
--color-range-land-50: #dbffd7;
--color-range-land-100: #caf6c4;
--color-range-land-200: #ace6a6;
--color-range-land-300: #85cc7e;
--color-range-land-400: #65b554;
--color-range-land-500: #3e9e27;
--color-range-land-600: #368623;
--color-range-land-700: #2b6b1c;
--color-range-land-800: #214f0e;
--color-range-land-900: #163709;
--color-range-land-950: #072100;
}SCSS
$range-land: #68bd56;
$range-land-rgb: 104, 189, 86;
$range-land-light: mix(#fff, $range-land, 20%);
$range-land-dark: mix(#000, $range-land, 20%);
.element {
color: $range-land;
box-shadow: 0 0 0 2px rgba($range-land, 0.35);
}