Benannte Farbe · #87B369
Nasturtium Leaf
Nasturtium Leaf ist #87B369: rgb(135 179 105), hsl(96 33% 56%), oklch(0.717 0.112 133.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Nasturtium Leaf color name →
#87B369
oklch(0.717 0.112 133.6)
Farbumrechnungen
- HEX
- #87b369
- RGB
- rgb(135 179 105)
- HSL
- hsl(96 33% 56%)
- HWB
- hwb(96 41% 30%)
- OKLCH
- oklch(0.717 0.112 133.6)
- OKLab
- oklab(0.717 -0.077 0.081)
- CIE Lab
- lab(68.43 -25.34 32.78)
- LCH
- lch(68.43 41.43 127.7)
- CMYK
- cmyk(25% 0% 41% 30%)
Tints · Shades · Tones
Tints
- 93BB78
- 9EC287
- AACA96
- B6D1A5
- C2D9B4
- CEE1C3
- DAE8D2
- E6F0E1
- F3F7F0
Shades
- 759B5A
- 63844C
- 516E3E
- 415831
- 314324
- 212F18
- 131D0C
- 060C04
- 010100
Tones
- 87AE6C
- 86A96F
- 85A472
- 859F74
- 849A77
- 839579
- 838F7B
- 828A7D
- 81857E
Farbharmonien
Komplementär +180°
- 87B369
Nasturtium Leaf
- BD8ED5
≈ Pale Purple
Analog -30° +30°
- 87B369
Nasturtium Leaf
- B0A74D
≈ Pickled
- 57BA90
≈ Blue Green Scene
Triadisch +120° +240°
- 87B369
Nasturtium Leaf
- 70A7E8
≈ Greek Sea
- E0858F
≈ Pulp
Geteilt komplementär +150° +210°
- 87B369
Nasturtium Leaf
- 9B9AE8
≈ Cold Lips
- D587B5
≈ Cyclamen
Tetradisch +90° +180° +270°
- 87B369
Nasturtium Leaf
- 43B3D7
≈ Epimetheus
- BD8ED5
≈ Pale Purple
- DE8C69
≈ Copper Wire
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.41:1 · APCA Lc 48
Ag
AAAAuf Schwarz
WCAG 8.68:1 · APCA Lc 54
Beste Textfarbe: #000000
WCAG 8.68:1 (AAA) · APCA Lc 54
Contrast pairs
Code-Snippets
CSS
:root {
--nasturtium-leaf: #87b369;
--nasturtium-leaf-rgb: 135 179 105;
--nasturtium-leaf-oklch: oklch(0.717 0.112 133.6);
}
.element {
color: var(--nasturtium-leaf);
background-color: hsl(96 33% 56%);
border-color: oklch(0.717 0.112 133.6);
}Tailwind CSS v4
@theme {
--color-nasturtium-leaf: #87b369;
--color-nasturtium-leaf-50: #e7fddd;
--color-nasturtium-leaf-100: #d8f1cc;
--color-nasturtium-leaf-200: #bfe0b0;
--color-nasturtium-leaf-300: #9ec58b;
--color-nasturtium-leaf-400: #83ad67;
--color-nasturtium-leaf-500: #679644;
--color-nasturtium-leaf-600: #587f3b;
--color-nasturtium-leaf-700: #46662f;
--color-nasturtium-leaf-800: #344a1f;
--color-nasturtium-leaf-900: #233414;
--color-nasturtium-leaf-950: #121f06;
}SCSS
$nasturtium-leaf: #87b369;
$nasturtium-leaf-rgb: 135, 179, 105;
$nasturtium-leaf-light: mix(#fff, $nasturtium-leaf, 20%);
$nasturtium-leaf-dark: mix(#000, $nasturtium-leaf, 20%);
.element {
color: $nasturtium-leaf;
box-shadow: 0 0 0 2px rgba($nasturtium-leaf, 0.35);
}