Benannte Farbe · #005726
Caliban Green
Caliban Green ist #005726: rgb(0 87 38), hsl(146 100% 17%), oklch(0.399 0.108 150.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Caliban Green color name →
#005726
oklch(0.399 0.108 150.6)
Farbumrechnungen
- HEX
- #005726
- RGB
- rgb(0 87 38)
- HSL
- hsl(146 100% 17%)
- HWB
- hwb(146 0% 66%)
- OKLCH
- oklch(0.399 0.108 150.6)
- OKLab
- oklab(0.399 -0.094 0.053)
- CIE Lab
- lab(31.69 -33.24 21.51)
- LCH
- lch(31.69 39.59 147.1)
- CMYK
- cmyk(100% 0% 56% 66%)
Tints · Shades · Tones
Tints
- 27673A
- 40774E
- 588763
- 6F9878
- 87A88D
- 9EB9A3
- B6CAB9
- CEDCD0
- E6EDE7
Shades
- 004B20
- 003E19
- 003313
- 00270D
- 001C08
- 001204
- 000802
- 000301
- 000000
Tones
- 195B2F
- 296038
- 366441
- 41684A
- 4C6C53
- 57705C
- 617465
- 6C786E
- 767C77
Farbharmonien
Komplementär +180°
- 005726
Caliban Green
- 672E62
≈ Intense Mauve
Analog -30° +30°
- 005726
Caliban Green
- 414F00
≈ No Emissions Green
- 005449
≈ Breathe Deeply
Triadisch +120° +240°
- 005726
Caliban Green
- 324281
≈ Official Violet
- 772C21
≈ Hihada Brown
Geteilt komplementär +150° +210°
- 005726
Caliban Green
- 523778
≈ Prism Violet
- 742944
≈ Palace Red
Tetradisch +90° +180° +270°
- 005726
Caliban Green
- 004C74
≈ Blue Meridian
- 672E62
≈ Intense Mauve
- 6B3900
≈ Bestial Brown
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 8.78:1 · APCA Lc 90
Ag
FailAuf Schwarz
WCAG 2.39:1 · APCA Lc 13
Beste Textfarbe: #FFFFFF
WCAG 8.78:1 (AAA) · APCA Lc 90
Contrast pairs
Code-Snippets
CSS
:root {
--caliban-green: #005726;
--caliban-green-rgb: 0 87 38;
--caliban-green-oklch: oklch(0.399 0.108 150.6);
}
.element {
color: var(--caliban-green);
background-color: hsl(146 100% 17%);
border-color: oklch(0.399 0.108 150.6);
}Tailwind CSS v4
@theme {
--color-caliban-green: #005726;
--color-caliban-green-50: #dfffe7;
--color-caliban-green-100: #cef3d7;
--color-caliban-green-200: #b2e2be;
--color-caliban-green-300: #8cc89d;
--color-caliban-green-400: #6db17d;
--color-caliban-green-500: #499a5f;
--color-caliban-green-600: #3f8251;
--color-caliban-green-700: #326841;
--color-caliban-green-800: #254d2d;
--color-caliban-green-900: #19351e;
--color-caliban-green-950: #09200e;
}SCSS
$caliban-green: #005726;
$caliban-green-rgb: 0, 87, 38;
$caliban-green-light: mix(#fff, $caliban-green, 20%);
$caliban-green-dark: mix(#000, $caliban-green, 20%);
.element {
color: $caliban-green;
box-shadow: 0 0 0 2px rgba($caliban-green, 0.35);
}