Nächste benannte Farbe · #65A88D
#65A88D
Nächste benannte Farbe: Electra
#65A88D (rgb(101 168 141), hsl(156 28% 53%), oklch(0.679 0.08 166.4)) liegt am nächsten an der benannten Farbe Electra. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#65A88D
oklch(0.679 0.08 166.4)
Farbumrechnungen
- HEX
- #65a88d
- RGB
- rgb(101 168 141)
- HSL
- hsl(156 28% 53%)
- HWB
- hwb(156 40% 34%)
- OKLCH
- oklch(0.679 0.08 166.4)
- OKLab
- oklab(0.679 -0.078 0.019)
- CIE Lab
- lab(63.82 -27.08 6.97)
- LCH
- lch(63.82 27.97 165.6)
- CMYK
- cmyk(40% 0% 16% 34%)
Tints · Shades · Tones
Tints
- 75B198
- 85B9A3
- 94C2AE
- A4CAB9
- B3D3C5
- C2DCD0
- D1E5DC
- E0EDE7
- F0F6F3
Shades
- 57927A
- 497C67
- 3C6755
- 2F5244
- 223F33
- 172C23
- 0C1A14
- 030A07
- 000101
Tones
- 69A48C
- 6CA08A
- 709C89
- 739888
- 759487
- 789085
- 7A8C84
- 7C8883
- 7E8481
Farbharmonien
Komplementär +180°
- 65A88D
Electra
- BD84A2
≈ Opera Mauve
Analog -30° +30°
- 65A88D
Electra
- 81A472
≈ Frog Hollow
- 56A7A8
≈ Emerald Succulent
Triadisch +120° +240°
- 65A88D
Electra
- 9491C7
≈ Hermosa
- C2896E
≈ Tiny Fawn
Geteilt komplementär +150° +210°
- 65A88D
Electra
- AC89B9
≈ East Side
- C48487
≈ Prancer
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.78:1 · APCA Lc 54
Ag
AAAAuf Schwarz
WCAG 7.53:1 · APCA Lc 48
Beste Textfarbe: #000000
WCAG 7.53:1 (AAA) · APCA Lc 48
Contrast pairs
Code-Snippets
CSS
:root {
--electra: #65a88d;
--electra-rgb: 101 168 141;
--electra-oklch: oklch(0.679 0.08 166.4);
}
.element {
color: var(--electra);
background-color: hsl(156 28% 53%);
border-color: oklch(0.679 0.08 166.4);
}Tailwind CSS v4
@theme {
--color-electra: #65a88d;
--color-electra-50: #e0fdf1;
--color-electra-100: #cff1e3;
--color-electra-200: #b4e0ce;
--color-electra-300: #8fc5b0;
--color-electra-400: #6fae94;
--color-electra-500: #4c977a;
--color-electra-600: #418068;
--color-electra-700: #346653;
--color-electra-800: #254b3b;
--color-electra-900: #193429;
--color-electra-950: #092016;
}SCSS
$electra: #65a88d;
$electra-rgb: 101, 168, 141;
$electra-light: mix(#fff, $electra, 20%);
$electra-dark: mix(#000, $electra, 20%);
.element {
color: $electra;
box-shadow: 0 0 0 2px rgba($electra, 0.35);
}