Benannte Farbe · #393D2A
Green Kelp
Green Kelp ist #393D2A: rgb(57 61 42), hsl(73 18% 20%), oklch(0.35 0.032 117.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Green Kelp color name →
#393D2A
oklch(0.35 0.032 117.7)
Farbumrechnungen
- HEX
- #393d2a
- RGB
- rgb(57 61 42)
- HSL
- hsl(73 18% 20%)
- HWB
- hwb(73 16% 76%)
- OKLCH
- oklch(0.35 0.032 117.7)
- OKLab
- oklab(0.35 -0.015 0.028)
- CIE Lab
- lab(24.94 -4.65 11.17)
- LCH
- lch(24.94 12.1 112.6)
- CMYK
- cmyk(7% 0% 31% 76%)
Tints · Shades · Tones
Tints
- 4A4E3C
- 5C6050
- 6F7264
- 828578
- 96988D
- AAACA3
- BFC0B9
- D4D5D0
- E9EAE7
Shades
- 303423
- 282B1C
- 1F2216
- 171A10
- 10120A
- 090A05
- 040402
- 010101
- 000000
Tones
- 404332
- 464A3A
- 4D5043
- 54574B
- 5B5E54
- 62645C
- 6A6B65
- 71726E
- 787977
Farbharmonien
Komplementär +180°
- 393D2A
Green Kelp
- 3C3749
≈ Martinique
Analog -30° +30°
- 393D2A
Green Kelp
- 423A27
≈ Magic Metal
- 2F3F31
≈ Celtic
Triadisch +120° +240°
- 393D2A
Green Kelp
- 2B3D49
≈ Pitch Cobalt
- 49343B
≈ Spell Caster
Geteilt komplementär +150° +210°
- 393D2A
Green Kelp
- 333A4C
≈ Old Mill
- 443543
≈ Red Onion
Tetradisch +90° +180° +270°
- 393D2A
Green Kelp
- 263F43
≈ Liquorice Green
- 3C3749
≈ Martinique
- 4A3431
≈ Lineage
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 11.20:1 · APCA Lc 96
Ag
FailAuf Schwarz
WCAG 1.87:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 11.20:1 (AAA) · APCA Lc 96
Contrast pairs
Code-Snippets
CSS
:root {
--green-kelp: #393d2a;
--green-kelp-rgb: 57 61 42;
--green-kelp-oklch: oklch(0.35 0.032 117.7);
}
.element {
color: var(--green-kelp);
background-color: hsl(73 18% 20%);
border-color: oklch(0.35 0.032 117.7);
}Tailwind CSS v4
@theme {
--color-green-kelp: #393d2a;
--color-green-kelp-50: #f4f7ed;
--color-green-kelp-100: #e6eade;
--color-green-kelp-200: #d2d6c8;
--color-green-kelp-300: #b5baa8;
--color-green-kelp-400: #9ca18c;
--color-green-kelp-500: #848972;
--color-green-kelp-600: #707460;
--color-green-kelp-700: #595d4d;
--color-green-kelp-800: #424437;
--color-green-kelp-900: #2d2f26;
--color-green-kelp-950: #1a1b14;
}SCSS
$green-kelp: #393d2a;
$green-kelp-rgb: 57, 61, 42;
$green-kelp-light: mix(#fff, $green-kelp, 20%);
$green-kelp-dark: mix(#000, $green-kelp, 20%);
.element {
color: $green-kelp;
box-shadow: 0 0 0 2px rgba($green-kelp, 0.35);
}