Benannte Farbe · #B4B9AB
Cool Sea Air
Cool Sea Air ist #B4B9AB: rgb(180 185 171), hsl(81 9% 70%), oklch(0.778 0.02 122.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Cool Sea Air color name →
#B4B9AB
oklch(0.778 0.02 122.9)
Farbumrechnungen
- HEX
- #b4b9ab
- RGB
- rgb(180 185 171)
- HSL
- hsl(81 9% 70%)
- HWB
- hwb(81 67% 27%)
- OKLCH
- oklch(0.778 0.02 122.9)
- OKLab
- oklab(0.778 -0.011 0.017)
- CIE Lab
- lab(74.45 -3.72 6.49)
- LCH
- lch(74.45 7.48 119.8)
- CMYK
- cmyk(3% 0% 8% 27%)
Tints · Shades · Tones
Tints
- BBC0B3
- C3C7BB
- CACEC4
- D1D5CC
- D9DBD4
- E0E3DD
- E8EAE5
- F0F1EE
- F7F8F6
Shades
- 9CA094
- 85897E
- 6E7168
- 585B54
- 444640
- 30312D
- 1D1E1B
- 0C0D0B
- 020201
Tones
- AFB3A7
- A9ADA2
- A4A89E
- 9FA29A
- 9A9C95
- 949691
- 8F918D
- 8A8B88
- 858684
Farbharmonien
Komplementär +180°
- B4B9AB
Cool Sea Air
- B9B4C2
≈ Juniper Berry
Analog -30° +30°
- B4B9AB
Cool Sea Air
- BBB7A8
≈ Play on Grey
- ADBBB1
≈ Quietude
Triadisch +120° +240°
- B4B9AB
Cool Sea Air
- ACB9C3
≈ Glen Falls
- C3B2B5
≈ Chaise Mauve
Geteilt komplementär +150° +210°
- B4B9AB
Cool Sea Air
- B2B6C4
≈ Brother Blue
- BFB2BC
≈ Velvet Dawn
Tetradisch +90° +180° +270°
- B4B9AB
Cool Sea Air
- A9BABE
≈ Lagoon Reflection
- B9B4C2
≈ Juniper Berry
- C3B2AE
≈ Artistic Taupe
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.00:1 · APCA Lc 39
Ag
AAAAuf Schwarz
WCAG 10.46:1 · APCA Lc 63
Beste Textfarbe: #000000
WCAG 10.46:1 (AAA) · APCA Lc 63
Contrast pairs
Code-Snippets
CSS
:root {
--cool-sea-air: #b4b9ab;
--cool-sea-air-rgb: 180 185 171;
--cool-sea-air-oklch: oklch(0.778 0.02 122.9);
}
.element {
color: var(--cool-sea-air);
background-color: hsl(81 9% 70%);
border-color: oklch(0.778 0.02 122.9);
}Tailwind CSS v4
@theme {
--color-cool-sea-air: #b4b9ab;
--color-cool-sea-air-50: #f4f6f0;
--color-cool-sea-air-100: #e6e9e2;
--color-cool-sea-air-200: #d2d6cd;
--color-cool-sea-air-300: #b5b9ae;
--color-cool-sea-air-400: #9ca194;
--color-cool-sea-air-500: #83897a;
--color-cool-sea-air-600: #6f7467;
--color-cool-sea-air-700: #595c53;
--color-cool-sea-air-800: #41443c;
--color-cool-sea-air-900: #2d2f29;
--color-cool-sea-air-950: #1a1b17;
}SCSS
$cool-sea-air: #b4b9ab;
$cool-sea-air-rgb: 180, 185, 171;
$cool-sea-air-light: mix(#fff, $cool-sea-air, 20%);
$cool-sea-air-dark: mix(#000, $cool-sea-air, 20%);
.element {
color: $cool-sea-air;
box-shadow: 0 0 0 2px rgba($cool-sea-air, 0.35);
}