Benannte Farbe · #BACAD4
Salty Tears
Salty Tears ist #BACAD4: rgb(186 202 212), hsl(203 23% 78%), oklch(0.83 0.022 235.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Salty Tears color name →
#BACAD4
oklch(0.83 0.022 235.1)
Farbumrechnungen
- HEX
- #bacad4
- RGB
- rgb(186 202 212)
- HSL
- hsl(203 23% 78%)
- HWB
- hwb(203 73% 17%)
- OKLCH
- oklch(0.83 0.022 235.1)
- OKLab
- oklab(0.83 -0.013 -0.018)
- CIE Lab
- lab(80.32 -4.13 -6.96)
- LCH
- lch(80.32 8.09 239.3)
- CMYK
- cmyk(12% 5% 0% 17%)
Tints · Shades · Tones
Tints
- C1CFD8
- C8D4DD
- CEDAE1
- D5DFE5
- DCE4E9
- E3EAEE
- EAEFF2
- F1F4F6
- F8FAFB
Shades
- A1AFB8
- 89959D
- 727C83
- 5C6469
- 464D51
- 32373A
- 1E2224
- 0D0F10
- 020202
Tones
- B4C2CB
- AEBBC3
- A8B3BA
- A2ACB2
- 9DA4A9
- 979DA1
- 919698
- 8B8E90
- 868788
Farbharmonien
Komplementär +180°
- BACAD4
Salty Tears
- D3C4BA
≈ Christobel
Analog -30° +30°
- BACAD4
Salty Tears
- B7CCCE
≈ Blue Shale
- C0C7D6
≈ Hyacinth White Soft Blue
Triadisch +120° +240°
- BACAD4
Salty Tears
- D4C2C8
≈ Aroma
- C6C9B9
≈ Celadon Tint
Geteilt komplementär +150° +210°
- BACAD4
Salty Tears
- D6C2C0
≈ Peony Blush
- CEC6B7
≈ Tombstone Grey
Tetradisch +90° +180° +270°
- BACAD4
Salty Tears
- CFC3CF
≈ Orchid Hush
- D3C4BA
≈ Christobel
- BFCBBF
≈ Antiqued Aqua
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.68:1 · APCA Lc 30
Ag
AAAAuf Schwarz
WCAG 12.48:1 · APCA Lc 73
Beste Textfarbe: #000000
WCAG 12.48:1 (AAA) · APCA Lc 73
Contrast pairs
Code-Snippets
CSS
:root {
--salty-tears: #bacad4;
--salty-tears-rgb: 186 202 212;
--salty-tears-oklch: oklch(0.83 0.022 235.1);
}
.element {
color: var(--salty-tears);
background-color: hsl(203 23% 78%);
border-color: oklch(0.83 0.022 235.1);
}Tailwind CSS v4
@theme {
--color-salty-tears: #bacad4;
--color-salty-tears-50: #eff6fb;
--color-salty-tears-100: #e1e9ef;
--color-salty-tears-200: #ccd6dd;
--color-salty-tears-300: #adb9c2;
--color-salty-tears-400: #92a1aa;
--color-salty-tears-500: #788993;
--color-salty-tears-600: #66747c;
--color-salty-tears-700: #515d64;
--color-salty-tears-800: #3b4449;
--color-salty-tears-900: #282f33;
--color-salty-tears-950: #161b1e;
}SCSS
$salty-tears: #bacad4;
$salty-tears-rgb: 186, 202, 212;
$salty-tears-light: mix(#fff, $salty-tears, 20%);
$salty-tears-dark: mix(#000, $salty-tears, 20%);
.element {
color: $salty-tears;
box-shadow: 0 0 0 2px rgba($salty-tears, 0.35);
}