Nächste benannte Farbe · #26B195
#26B195
Nächste benannte Farbe: Hobgoblin
#26B195 (rgb(38 177 149), hsl(168 65% 42%), oklch(0.683 0.12 175.1)) liegt am nächsten an der benannten Farbe Hobgoblin. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#26B195
oklch(0.683 0.12 175.1)
Farbumrechnungen
- HEX
- #26b195
- RGB
- rgb(38 177 149)
- HSL
- hsl(168 65% 42%)
- HWB
- hwb(168 15% 31%)
- OKLCH
- oklch(0.683 0.12 175.1)
- OKLab
- oklab(0.683 -0.12 0.01)
- CIE Lab
- lab(64.78 -42.31 3.6)
- LCH
- lch(64.78 42.46 175.1)
- CMYK
- cmyk(79% 0% 16% 31%)
Tints · Shades · Tones
Tints
- 4AB99F
- 63C1A9
- 7AC9B4
- 8ED1BE
- A2D8C9
- B5E0D3
- C8E8DE
- DAF0E9
- EDF7F4
Shades
- 209981
- 19836D
- 136C5A
- 0D5748
- 084237
- 042F26
- 021C16
- 010C08
- 000101
Tones
- 3BAC93
- 49A791
- 54A38F
- 5D9E8D
- 64998A
- 6B9488
- 718F86
- 778A84
- 7C8582
Farbharmonien
Komplementär +180°
- 26B195
Hobgoblin
- D3789D
≈ Little Bow Pink
Analog -30° +30°
- 26B195
Hobgoblin
- 66AD69
≈ Ferntastic
- 00ADBB
≈ Placid Sea
Triadisch +120° +240°
- 26B195
Hobgoblin
- 9F89DC
≈ Middy’s Purple
- D2844B
≈ Flaming Torch
Geteilt komplementär +150° +210°
- 26B195
Hobgoblin
- BF7EC2
≈ Lavender Sweater
- DA7A73
≈ Hearts Afire
Tetradisch +90° +180° +270°
- 26B195
Hobgoblin
- 7597E4
≈ Guilliman Blue
- D3789D
≈ Little Bow Pink
- BB9333
≈ Nugget
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.69:1 · APCA Lc 52
Ag
AAAAuf Schwarz
WCAG 7.80:1 · APCA Lc 50
Beste Textfarbe: #000000
WCAG 7.80:1 (AAA) · APCA Lc 50
Contrast pairs
Code-Snippets
CSS
:root {
--hobgoblin: #26b195;
--hobgoblin-rgb: 38 177 149;
--hobgoblin-oklch: oklch(0.683 0.12 175.1);
}
.element {
color: var(--hobgoblin);
background-color: hsl(168 65% 42%);
border-color: oklch(0.683 0.12 175.1);
}Tailwind CSS v4
@theme {
--color-hobgoblin: #26b195;
--color-hobgoblin-50: #d2fff4;
--color-hobgoblin-100: #bef6e7;
--color-hobgoblin-200: #9be6d3;
--color-hobgoblin-300: #6dccb6;
--color-hobgoblin-400: #3bb59a;
--color-hobgoblin-500: #009f82;
--color-hobgoblin-600: #00876e;
--color-hobgoblin-700: #006c58;
--color-hobgoblin-800: #004f3e;
--color-hobgoblin-900: #00372b;
--color-hobgoblin-950: #002218;
}SCSS
$hobgoblin: #26b195;
$hobgoblin-rgb: 38, 177, 149;
$hobgoblin-light: mix(#fff, $hobgoblin, 20%);
$hobgoblin-dark: mix(#000, $hobgoblin, 20%);
.element {
color: $hobgoblin;
box-shadow: 0 0 0 2px rgba($hobgoblin, 0.35);
}