Colore con nome · #68BD56
Range Land
Range Land è #68BD56: rgb(104 189 86), hsl(110 44% 54%), oklch(0.721 0.162 140.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Range Land color name →
#68BD56
oklch(0.721 0.162 140.2)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 78C469
- 88CB7A
- 97D28B
- A6D89C
- B5DFAD
- C4E6BD
- D3ECCD
- E2F2DE
- F0F9EE
Ombre
- 59A44A
- 4B8C3E
- 3E7432
- 305D27
- 24471C
- 183312
- 0C1F08
- 040D02
- 000200
Toni
- 6CB75C
- 6FB162
- 72AB67
- 75A56B
- 789F6F
- 7A9973
- 7C9377
- 7D8D7A
- 7F867D
Armonie di colore
Complementare +180°
- 68BD56
Range Land
- D180E3
≈ Lavender Perceptions
Analogo -30° +30°
- 68BD56
Range Land
- ABAD00
≈ Honey and Thyme
- 00C198
≈ Blarney
Triadico +120° +240°
- 68BD56
Range Land
- 6EA4FF
≈ Âbi Blue
- FA7679
≈ Embarrassment
Complementare divisa +150° +210°
- 68BD56
Range Land
- A591FF
≈ Cobalite
- EE76B3
≈ Pop That Gum
Tetradico +90° +180° +270°
- 68BD56
Range Land
- 00B4ED
≈ Cyanite
- D180E3
≈ Lavender Perceptions
- F38238
≈ Goku Orange
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.33:1 · APCA Lc 46
Ag
AAASu nero
WCAG 9.00:1 · APCA Lc 56
Miglior colore del testo: #000000
WCAG 9.00:1 (AAA) · APCA Lc 56
Contrast pairs
Frammenti di codice
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);
}