Nächste benannte Farbe · #84A7B1
#84A7B1
Nächste benannte Farbe: Equanimity
#84A7B1 (rgb(132 167 177), hsl(193 22% 61%), oklch(0.706 0.041 217.1)) liegt am nächsten an der benannten Farbe Equanimity. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#84A7B1
oklch(0.706 0.041 217.1)
Farbumrechnungen
- HEX
- #84a7b1
- RGB
- rgb(132 167 177)
- HSL
- hsl(193 22% 61%)
- HWB
- hwb(193 52% 31%)
- OKLCH
- oklch(0.706 0.041 217.1)
- OKLab
- oklab(0.706 -0.033 -0.025)
- CIE Lab
- lab(66.14 -10.65 -9.33)
- LCH
- lch(66.14 14.16 221.2)
- CMYK
- cmyk(25% 6% 0% 31%)
Tints · Shades · Tones
Tints
- 90B0B9
- 9CB8C0
- A8C1C8
- B4CAD0
- C1D2D7
- CDDBDF
- D9E4E7
- E6EDEF
- F2F6F7
Shades
- 729199
- 607B83
- 4F666C
- 3F5257
- 2F3E42
- 202C2F
- 121A1C
- 060A0C
- 010101
Tones
- 84A3AC
- 849FA7
- 839BA2
- 83979D
- 839398
- 828F93
- 828C8E
- 81888A
- 818485
Farbharmonien
Komplementär +180°
- 84A7B1
Equanimity
- B8988E
≈ Del Rio
Analog -30° +30°
- 84A7B1
Equanimity
- 84A9A4
≈ Lake Water
- 8CA3B9
≈ Sell Out
Triadisch +120° +240°
- 84A7B1
Equanimity
- B297AA
≈ Lilac Lustre
- A7A184
≈ Cricket
Geteilt komplementär +150° +210°
- 84A7B1
Equanimity
- B8969C
≈ Deep South
- B29C86
≈ Weathered Wood
Tetradisch +90° +180° +270°
- 84A7B1
Equanimity
- A79AB5
≈ Purple Springs
- B8988E
≈ Del Rio
- 99A58A
≈ Frozen Edamame
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.57:1 · APCA Lc 50
Ag
AAAAuf Schwarz
WCAG 8.14:1 · APCA Lc 52
Beste Textfarbe: #000000
WCAG 8.14:1 (AAA) · APCA Lc 52
Contrast pairs
Code-Snippets
CSS
:root {
--equanimity: #84a7b1;
--equanimity-rgb: 132 167 177;
--equanimity-oklch: oklch(0.706 0.041 217.1);
}
.element {
color: var(--equanimity);
background-color: hsl(193 22% 61%);
border-color: oklch(0.706 0.041 217.1);
}Tailwind CSS v4
@theme {
--color-equanimity: #84a7b1;
--color-equanimity-50: #e9f8fd;
--color-equanimity-100: #daebf1;
--color-equanimity-200: #c2d9e0;
--color-equanimity-300: #a1bdc6;
--color-equanimity-400: #84a5ae;
--color-equanimity-500: #678d98;
--color-equanimity-600: #587881;
--color-equanimity-700: #466067;
--color-equanimity-800: #32464b;
--color-equanimity-900: #223134;
--color-equanimity-950: #111d20;
}SCSS
$equanimity: #84a7b1;
$equanimity-rgb: 132, 167, 177;
$equanimity-light: mix(#fff, $equanimity, 20%);
$equanimity-dark: mix(#000, $equanimity, 20%);
.element {
color: $equanimity;
box-shadow: 0 0 0 2px rgba($equanimity, 0.35);
}