Benannte Farbe · #165B31
Crusoe
Crusoe ist #165B31: rgb(22 91 49), hsl(143 61% 22%), oklch(0.418 0.097 152.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Crusoe color name →
#165B31
oklch(0.418 0.097 152.2)
Farbumrechnungen
- HEX
- #165b31
- RGB
- rgb(22 91 49)
- HSL
- hsl(143 61% 22%)
- HWB
- hwb(143 9% 64%)
- OKLCH
- oklch(0.418 0.097 152.2)
- OKLab
- oklab(0.418 -0.086 0.045)
- CIE Lab
- lab(33.7 -30.06 17.85)
- LCH
- lch(33.7 34.96 149.3)
- CMYK
- cmyk(76% 0% 46% 64%)
Tints · Shades · Tones
Tints
- 316A44
- 497A57
- 5F8A6A
- 759A7E
- 8BAA93
- A2BBA8
- B9CCBD
- D0DDD2
- E7EEE9
Shades
- 124E29
- 0D4122
- 09351A
- 062913
- 031E0C
- 021306
- 010903
- 000301
- 000000
Tones
- 255F39
- 326341
- 3D6749
- 476A50
- 516E58
- 5B7260
- 647568
- 6D7970
- 777C78
Farbharmonien
Komplementär +180°
- 165B31
Crusoe
- 6A3663
≈ Grape
Analog -30° +30°
- 165B31
Crusoe
- 445409
≈ Highlands Moss
- 005950
≈ Baltic Prince
Triadisch +120° +240°
- 165B31
Crusoe
- 3B4781
≈ Blue Estate
- 783529
≈ Roycroft Copper Red
Geteilt komplementär +150° +210°
- 165B31
Crusoe
- 573E78
≈ Loden Purple
- 763348
≈ Satin Chocolate
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 8.15:1 · APCA Lc 88
Ag
FailAuf Schwarz
WCAG 2.57:1 · APCA Lc 14
Beste Textfarbe: #FFFFFF
WCAG 8.15:1 (AAA) · APCA Lc 88
Contrast pairs
Code-Snippets
CSS
:root {
--crusoe: #165b31;
--crusoe-rgb: 22 91 49;
--crusoe-oklch: oklch(0.418 0.097 152.2);
}
.element {
color: var(--crusoe);
background-color: hsl(143 61% 22%);
border-color: oklch(0.418 0.097 152.2);
}Tailwind CSS v4
@theme {
--color-crusoe: #165b31;
--color-crusoe-50: #e1fee9;
--color-crusoe-100: #d0f2da;
--color-crusoe-200: #b5e1c2;
--color-crusoe-300: #90c6a1;
--color-crusoe-400: #71af82;
--color-crusoe-500: #4f9866;
--color-crusoe-600: #448157;
--color-crusoe-700: #366745;
--color-crusoe-800: #284c30;
--color-crusoe-900: #1b3521;
--color-crusoe-950: #0b2010;
}SCSS
$crusoe: #165b31;
$crusoe-rgb: 22, 91, 49;
$crusoe-light: mix(#fff, $crusoe, 20%);
$crusoe-dark: mix(#000, $crusoe, 20%);
.element {
color: $crusoe;
box-shadow: 0 0 0 2px rgba($crusoe, 0.35);
}