Benannte Farbe · #39536C
Plaudit
Plaudit ist #39536C: rgb(57 83 108), hsl(209 31% 32%), oklch(0.432 0.052 248.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Plaudit color name →
#39536C
oklch(0.432 0.052 248.2)
Farbumrechnungen
- HEX
- #39536c
- RGB
- rgb(57 83 108)
- HSL
- hsl(209 31% 32%)
- HWB
- hwb(209 22% 58%)
- OKLCH
- oklch(0.432 0.052 248.2)
- OKLab
- oklab(0.432 -0.019 -0.048)
- CIE Lab
- lab(34.03 -4.49 -17.76)
- LCH
- lch(34.03 18.32 255.8)
- CMYK
- cmyk(47% 23% 0% 58%)
Tints · Shades · Tones
Tints
- 4B637A
- 5D7388
- 708396
- 8394A5
- 97A5B3
- ABB7C2
- C0C8D1
- D4DAE0
- EAEDF0
Shades
- 30475D
- 283B4E
- 1F3040
- 172532
- 101B25
- 091119
- 04080D
- 010204
- 000000
Tones
- 40576E
- 475C70
- 4E6072
- 556574
- 5C6976
- 636E78
- 6B727A
- 72777C
- 797B7E
Farbharmonien
Komplementär +180°
- 39536C
Plaudit
- 644B30
≈ Dallas
Analog -30° +30°
- 39536C
Plaudit
- 2C5764
≈ Deep Loch
- 494E6D
≈ Crown Blue
Triadisch +120° +240°
- 39536C
Plaudit
- 6A444B
≈ Estate Vineyard
- 485637
≈ Banksia Leaf
Geteilt komplementär +150° +210°
- 39536C
Plaudit
- 6A463B
≈ Deep Cherrywood
- 58512E
≈ West Coast
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.99:1 · APCA Lc 88
Ag
FailAuf Schwarz
WCAG 2.62:1 · APCA Lc 14
Beste Textfarbe: #FFFFFF
WCAG 7.99:1 (AAA) · APCA Lc 88
Contrast pairs
Code-Snippets
CSS
:root {
--plaudit: #39536c;
--plaudit-rgb: 57 83 108;
--plaudit-oklch: oklch(0.432 0.052 248.2);
}
.element {
color: var(--plaudit);
background-color: hsl(209 31% 32%);
border-color: oklch(0.432 0.052 248.2);
}Tailwind CSS v4
@theme {
--color-plaudit: #39536c;
--color-plaudit-50: #eaf7ff;
--color-plaudit-100: #dbeaf9;
--color-plaudit-200: #c4d7ea;
--color-plaudit-300: #a4bad2;
--color-plaudit-400: #87a2bc;
--color-plaudit-500: #6b8aa8;
--color-plaudit-600: #5b748e;
--color-plaudit-700: #485d72;
--color-plaudit-800: #344454;
--color-plaudit-900: #232f3a;
--color-plaudit-950: #121c24;
}SCSS
$plaudit: #39536c;
$plaudit-rgb: 57, 83, 108;
$plaudit-light: mix(#fff, $plaudit, 20%);
$plaudit-dark: mix(#000, $plaudit, 20%);
.element {
color: $plaudit;
box-shadow: 0 0 0 2px rgba($plaudit, 0.35);
}