Benannte Farbe · #67BE90
Silver Tree
Silver Tree ist #67BE90: rgb(103 190 144), hsl(148 40% 57%), oklch(0.734 0.109 159). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Silver Tree color name →
#67BE90
oklch(0.734 0.109 159)
Farbumrechnungen
- HEX
- #67be90
- RGB
- rgb(103 190 144)
- HSL
- hsl(148 40% 57%)
- HWB
- hwb(148 40% 25%)
- OKLCH
- oklch(0.734 0.109 159)
- OKLab
- oklab(0.734 -0.102 0.039)
- CIE Lab
- lab(70.61 -35.51 14.81)
- LCH
- lch(70.61 38.48 157.4)
- CMYK
- cmyk(46% 0% 24% 25%)
Tints · Shades · Tones
Tints
- 78C59B
- 88CBA6
- 98D2B0
- A7D8BB
- B6DFC7
- C5E5D2
- D3ECDD
- E2F2E8
- F0F9F4
Shades
- 59A57D
- 4B8C6A
- 3D7557
- 305E45
- 234834
- 173324
- 0C1F15
- 040D07
- 000201
Tones
- 6BB88F
- 6FB28D
- 73AB8B
- 75A58A
- 789F88
- 7A9987
- 7C9385
- 7E8C83
- 7F8682
Farbharmonien
Komplementär +180°
- 67BE90
Silver Tree
- D68EC0
≈ Pressed Flower
Analog -30° +30°
- 67BE90
Silver Tree
- 94B76B
≈ Light Birch Green
- 42BFB7
≈ Tint of Turquoise
Triadisch +120° +240°
- 67BE90
Silver Tree
- 9AA2ED
≈ Cold Lips
- E49175
≈ Middle Red
Geteilt komplementär +150° +210°
- 67BE90
Silver Tree
- BD96DD
≈ Lenurple
- E48B9B
≈ Poudretteite Pink
Tetradisch +90° +180° +270°
- 67BE90
Silver Tree
- 71AEEB
≈ Jordy Blue
- D68EC0
≈ Pressed Flower
- D69C59
≈ Ceremonial Gold
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.24:1 · APCA Lc 44
Ag
AAAAuf Schwarz
WCAG 9.34:1 · APCA Lc 58
Beste Textfarbe: #000000
WCAG 9.34:1 (AAA) · APCA Lc 58
Contrast pairs
Code-Snippets
CSS
:root {
--silver-tree: #67be90;
--silver-tree-rgb: 103 190 144;
--silver-tree-oklch: oklch(0.734 0.109 159);
}
.element {
color: var(--silver-tree);
background-color: hsl(148 40% 57%);
border-color: oklch(0.734 0.109 159);
}Tailwind CSS v4
@theme {
--color-silver-tree: #67be90;
--color-silver-tree-50: #dbffeb;
--color-silver-tree-100: #c9f4dc;
--color-silver-tree-200: #abe3c5;
--color-silver-tree-300: #84c9a5;
--color-silver-tree-400: #61b287;
--color-silver-tree-500: #369c6b;
--color-silver-tree-600: #30845b;
--color-silver-tree-700: #266949;
--color-silver-tree-800: #1c4d33;
--color-silver-tree-900: #123623;
--color-silver-tree-950: #042112;
}SCSS
$silver-tree: #67be90;
$silver-tree-rgb: 103, 190, 144;
$silver-tree-light: mix(#fff, $silver-tree, 20%);
$silver-tree-dark: mix(#000, $silver-tree, 20%);
.element {
color: $silver-tree;
box-shadow: 0 0 0 2px rgba($silver-tree, 0.35);
}