Benannte Farbe · #7CBD85
Flashman
Flashman ist #7CBD85: rgb(124 189 133), hsl(128 33% 61%), oklch(0.74 0.104 147.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Flashman color name →
#7CBD85
oklch(0.74 0.104 147.9)
Farbumrechnungen
- HEX
- #7cbd85
- RGB
- rgb(124 189 133)
- HSL
- hsl(128 33% 61%)
- HWB
- hwb(128 49% 26%)
- OKLCH
- oklch(0.74 0.104 147.9)
- OKLab
- oklab(0.74 -0.088 0.055)
- CIE Lab
- lab(71.14 -30.35 21.57)
- LCH
- lch(71.14 37.23 144.6)
- CMYK
- cmyk(34% 0% 30% 26%)
Tints · Shades · Tones
Tints
- 8AC491
- 97CA9D
- A4D1A9
- B1D8B5
- BEDEC1
- CBE5CD
- D8EBDA
- E5F2E6
- F2F8F2
Shades
- 6BA473
- 5A8C61
- 4A7450
- 3B5D40
- 2C4730
- 1E3321
- 111F13
- 050D06
- 010201
Tones
- 7DB785
- 7EB185
- 7FAB84
- 80A584
- 809E83
- 809883
- 809282
- 808C81
- 808681
Farbharmonien
Komplementär +180°
- 7CBD85
Flashman
- CF93CC
≈ Ineffable Magenta
Analog -30° +30°
- 7CBD85
Flashman
- A5B465
≈ Cornstalk
- 55C0AB
≈ Florida Keys
Triadisch +120° +240°
- 7CBD85
Flashman
- 8EA8ED
≈ Kitten’s Eye
- E59186
≈ Strawberry Memory
Geteilt komplementär +150° +210°
- 7CBD85
Flashman
- B29CE4
≈ Violet Velvet
- E08FAA
≈ Pomelo Red
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.21:1 · APCA Lc 44
Ag
AAAAuf Schwarz
WCAG 9.47:1 · APCA Lc 59
Beste Textfarbe: #000000
WCAG 9.47:1 (AAA) · APCA Lc 59
Contrast pairs
Code-Snippets
CSS
:root {
--flashman: #7cbd85;
--flashman-rgb: 124 189 133;
--flashman-oklch: oklch(0.74 0.104 147.9);
}
.element {
color: var(--flashman);
background-color: hsl(128 33% 61%);
border-color: oklch(0.74 0.104 147.9);
}Tailwind CSS v4
@theme {
--color-flashman: #7cbd85;
--color-flashman-50: #e1fee6;
--color-flashman-100: #d0f2d6;
--color-flashman-200: #b5e1bd;
--color-flashman-300: #91c79b;
--color-flashman-400: #73b07b;
--color-flashman-500: #51995d;
--color-flashman-600: #46814f;
--color-flashman-700: #37683f;
--color-flashman-800: #294c2c;
--color-flashman-900: #1b351d;
--color-flashman-950: #0b200d;
}SCSS
$flashman: #7cbd85;
$flashman-rgb: 124, 189, 133;
$flashman-light: mix(#fff, $flashman, 20%);
$flashman-dark: mix(#000, $flashman, 20%);
.element {
color: $flashman;
box-shadow: 0 0 0 2px rgba($flashman, 0.35);
}