Benannte Farbe · #2CED2B
Out of Left Field
Out of Left Field ist #2CED2B: rgb(44 237 43), hsl(120 84% 55%), oklch(0.824 0.265 142.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Out of Left Field color name →
#2CED2B
oklch(0.824 0.265 142.6)
Farbumrechnungen
- HEX
- #2ced2b
- RGB
- rgb(44 237 43)
- HSL
- hsl(120 84% 55%)
- HWB
- hwb(120 17% 7%)
- OKLCH
- oklch(0.824 0.265 142.6)
- OKLab
- oklab(0.824 -0.211 0.161)
- CIE Lab
- lab(82.6 -71.57 71.09)
- LCH
- lch(82.6 100.88 135.2)
- CMYK
- cmyk(81% 0% 82% 7%)
Tints · Shades · Tones
Tints
- 55F04F
- 70F269
- 86F580
- 9AF794
- ADF9A7
- BFFBB9
- CFFCCB
- E0FDDD
- EFFEEE
Shades
- 25CE24
- 1EB01D
- 179316
- 117710
- 0A5C0A
- 054205
- 022A02
- 011401
- 000300
Tones
- 44E240
- 53D74E
- 5ECD59
- 67C261
- 6EB769
- 73AC6F
- 78A174
- 7B9679
- 7E8B7D
Farbharmonien
Komplementär +180°
- 2CED2B
Out of Left Field
- F4A2FF
≈ Rich Brilliant Lavender
Analog -30° +30°
- 2CED2B
Out of Left Field
- C8D000
≈ Golden Foil
- 00E6BB
≈ Aquamarine
Triadisch +120° +240°
- 2CED2B
Out of Left Field
- A7C6FF
≈ Night Snow
- FFACA8
≈ Patient Pink
Geteilt komplementär +150° +210°
- 2CED2B
Out of Left Field
- C7BAFF
≈ Lavender Tonic
- FFA6CC
≈ Bazooka Pink
Tetradisch +90° +180° +270°
- 2CED2B
Out of Left Field
- 7AD2FF
≈ Sky
- F4A2FF
≈ Rich Brilliant Lavender
- FFB180
≈ Sassy Peach
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.58:1 · APCA Lc 26
Ag
AAAAuf Schwarz
WCAG 13.25:1 · APCA Lc 77
Beste Textfarbe: #000000
WCAG 13.25:1 (AAA) · APCA Lc 77
Contrast pairs
Code-Snippets
CSS
:root {
--out-of-left-field: #2ced2b;
--out-of-left-field-rgb: 44 237 43;
--out-of-left-field-oklch: oklch(0.824 0.265 142.6);
}
.element {
color: var(--out-of-left-field);
background-color: hsl(120 84% 55%);
border-color: oklch(0.824 0.265 142.6);
}Tailwind CSS v4
@theme {
--color-out-of-left-field: #2ced2b;
--color-out-of-left-field-50: #c6ffc6;
--color-out-of-left-field-100: #afffb0;
--color-out-of-left-field-200: #85f189;
--color-out-of-left-field-300: #47d956;
--color-out-of-left-field-400: #00c200;
--color-out-of-left-field-500: #00ab00;
--color-out-of-left-field-600: #009100;
--color-out-of-left-field-700: #007400;
--color-out-of-left-field-800: #005500;
--color-out-of-left-field-900: #003c00;
--color-out-of-left-field-950: #002500;
}SCSS
$out-of-left-field: #2ced2b;
$out-of-left-field-rgb: 44, 237, 43;
$out-of-left-field-light: mix(#fff, $out-of-left-field, 20%);
$out-of-left-field-dark: mix(#000, $out-of-left-field, 20%);
.element {
color: $out-of-left-field;
box-shadow: 0 0 0 2px rgba($out-of-left-field, 0.35);
}