Benannte Farbe · #5FB69C
Keppel
Keppel ist #5FB69C: rgb(95 182 156), hsl(162 37% 54%), oklch(0.714 0.093 171.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Teal mean? → · Keppel color name →
#5FB69C
oklch(0.714 0.093 171.9)
Farbumrechnungen
- HEX
- #5fb69c
- RGB
- rgb(95 182 156)
- HSL
- hsl(162 37% 54%)
- HWB
- hwb(162 37% 29%)
- OKLCH
- oklch(0.714 0.093 171.9)
- OKLab
- oklab(0.714 -0.093 0.013)
- CIE Lab
- lab(68.09 -32.3 4.76)
- LCH
- lch(68.09 32.65 171.6)
- CMYK
- cmyk(48% 0% 14% 29%)
Tints · Shades · Tones
Tints
- 71BDA5
- 82C5AF
- 92CCB9
- A2D3C3
- B2DBCC
- C2E2D6
- D1E9E0
- E0F0EB
- F0F8F5
Shades
- 529E87
- 448673
- 386F5F
- 2C594C
- 204439
- 153028
- 0A1D18
- 030C09
- 000201
Tones
- 64B199
- 69AB96
- 6DA694
- 71A091
- 749B8E
- 77968B
- 7A9088
- 7C8B86
- 7E8583
Farbharmonien
Komplementär +180°
- 5FB69C
Keppel
- D08AA9
≈ Kiss
Analog -30° +30°
- 5FB69C
Keppel
- 81B27B
≈ Joshua Tree
- 50B4BC
≈ Glassmith
Triadisch +120° +240°
- 5FB69C
Keppel
- A498D9
≈ Biloba Flower
- D2926C
≈ Pinch of Clove
Geteilt komplementär +150° +210°
- 5FB69C
Keppel
- BF8FC6
≈ Violaceous
- D78B89
≈ Copperfield
Tetradisch +90° +180° +270°
- 5FB69C
Keppel
- 83A3DE
≈ Blue Cue
- D08AA9
≈ Kiss
- C09D5C
≈ Gold Spell
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.42:1 · APCA Lc 48
Ag
AAAAuf Schwarz
WCAG 8.65:1 · APCA Lc 54
Beste Textfarbe: #000000
WCAG 8.65:1 (AAA) · APCA Lc 54
Contrast pairs
Code-Snippets
CSS
:root {
--keppel: #5fb69c;
--keppel-rgb: 95 182 156;
--keppel-oklch: oklch(0.714 0.093 171.9);
}
.element {
color: var(--keppel);
background-color: hsl(162 37% 54%);
border-color: oklch(0.714 0.093 171.9);
}Tailwind CSS v4
@theme {
--color-keppel: #5fb69c;
--color-keppel-50: #dbfef3;
--color-keppel-100: #c9f3e5;
--color-keppel-200: #abe2d1;
--color-keppel-300: #84c7b4;
--color-keppel-400: #5fb198;
--color-keppel-500: #339a7f;
--color-keppel-600: #2d826b;
--color-keppel-700: #246856;
--color-keppel-800: #1a4d3d;
--color-keppel-900: #11352a;
--color-keppel-950: #032018;
}SCSS
$keppel: #5fb69c;
$keppel-rgb: 95, 182, 156;
$keppel-light: mix(#fff, $keppel, 20%);
$keppel-dark: mix(#000, $keppel, 20%);
.element {
color: $keppel;
box-shadow: 0 0 0 2px rgba($keppel, 0.35);
}