Benannte Farbe · #CAB6C6
Ballad
Ballad ist #CAB6C6: rgb(202 182 198), hsl(312 16% 75%), oklch(0.798 0.031 332.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Ballad color name →
#CAB6C6
oklch(0.798 0.031 332.6)
Farbumrechnungen
- HEX
- #cab6c6
- RGB
- rgb(202 182 198)
- HSL
- hsl(312 16% 75%)
- HWB
- hwb(312 71% 21%)
- OKLCH
- oklch(0.798 0.031 332.6)
- OKLab
- oklab(0.798 0.028 -0.014)
- CIE Lab
- lab(76.13 9.48 -5.39)
- LCH
- lch(76.13 10.9 330.4)
- CMYK
- cmyk(0% 10% 2% 21%)
Tints · Shades · Tones
Tints
- CFBDCC
- D5C4D1
- DACBD7
- DFD3DD
- E4DAE2
- EAE1E8
- EFE9EE
- F4F0F3
- FAF8F9
Shades
- AF9EAC
- 958692
- 7C6F7A
- 645962
- 4D444B
- 373035
- 221D21
- 0F0C0E
- 020202
Tones
- C2B0BF
- BBABB8
- B3A5B0
- ACA0A9
- A49BA2
- 9D959B
- 969094
- 8E8B8E
- 878587
Farbharmonien
Komplementär +180°
- CAB6C6
Ballad
- AFC3B3
≈ Rainee
Analog -30° +30°
- CAB6C6
Ballad
- C1B9CE
≈ Wild Lilac
- D0B5BB
≈ Delightful
Triadisch +120° +240°
- CAB6C6
Ballad
- C4BDA7
≈ Rippling Stone
- A7C3C9
≈ Skyward
Geteilt komplementär +150° +210°
- CAB6C6
Ballad
- B9C1AB
≈ Healing Retreat
- A8C4BF
≈ Blende Blue
Tetradisch +90° +180° +270°
- CAB6C6
Ballad
- CCB9A9
≈ Panko
- AFC3B3
≈ Rainee
- ACC0D0
≈ Cerulean Tint
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.90:1 · APCA Lc 36
Ag
AAAAuf Schwarz
WCAG 11.01:1 · APCA Lc 66
Beste Textfarbe: #000000
WCAG 11.01:1 (AAA) · APCA Lc 66
Contrast pairs
Code-Snippets
CSS
:root {
--ballad: #cab6c6;
--ballad-rgb: 202 182 198;
--ballad-oklch: oklch(0.798 0.031 332.6);
}
.element {
color: var(--ballad);
background-color: hsl(312 16% 75%);
border-color: oklch(0.798 0.031 332.6);
}Tailwind CSS v4
@theme {
--color-ballad: #cab6c6;
--color-ballad-50: #fbf2f9;
--color-ballad-100: #efe4ec;
--color-ballad-200: #ddcfda;
--color-ballad-300: #c2b2be;
--color-ballad-400: #aa98a7;
--color-ballad-500: #937f8f;
--color-ballad-600: #7d6b79;
--color-ballad-700: #645661;
--color-ballad-800: #493f48;
--color-ballad-900: #332b32;
--color-ballad-950: #1e181e;
}SCSS
$ballad: #cab6c6;
$ballad-rgb: 202, 182, 198;
$ballad-light: mix(#fff, $ballad, 20%);
$ballad-dark: mix(#000, $ballad, 20%);
.element {
color: $ballad;
box-shadow: 0 0 0 2px rgba($ballad, 0.35);
}