Benannte Farbe · #4FA1C0
Brig
Brig ist #4FA1C0: rgb(79 161 192), hsl(196 47% 53%), oklch(0.67 0.092 225.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Cyan mean? → · Brig color name →
#4FA1C0
oklch(0.67 0.092 225.5)
Farbumrechnungen
- HEX
- #4fa1c0
- RGB
- rgb(79 161 192)
- HSL
- hsl(196 47% 53%)
- HWB
- hwb(196 31% 25%)
- OKLCH
- oklch(0.67 0.092 225.5)
- OKLab
- oklab(0.67 -0.064 -0.065)
- CIE Lab
- lab(62.07 -19.06 -24.08)
- LCH
- lch(62.07 30.71 231.6)
- CMYK
- cmyk(59% 16% 0% 25%)
Tints · Shades · Tones
Tints
- 63AAC6
- 76B4CD
- 87BDD3
- 99C6DA
- AAD0E0
- BBD9E6
- CCE3EC
- DDECF3
- EEF6F9
Shades
- 448BA7
- 38768E
- 2E6276
- 234E5F
- 193C49
- 102A34
- 071920
- 02090E
- 000102
Tones
- 569EBA
- 5D9BB3
- 6397AD
- 6894A6
- 6D91A0
- 718E9A
- 758A93
- 79878D
- 7D8386
Farbharmonien
Komplementär +180°
- 4FA1C0
Brig
- C48365
≈ Cabana Melon
Analog -30° +30°
- 4FA1C0
Brig
- 43A7A7
≈ Tidal Teal
- 6F98CD
≈ Razee
Triadisch +120° +240°
- 4FA1C0
Brig
- BE7EA2
≈ Romanov Mauve
- 9D9953
≈ Stem
Geteilt komplementär +150° +210°
- 4FA1C0
Brig
- C77E82
≈ Enamoured
- B68D52
≈ Yellow Acorn
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.92:1 · APCA Lc 55
Ag
AAAAuf Schwarz
WCAG 7.19:1 · APCA Lc 46
Beste Textfarbe: #000000
WCAG 7.19:1 (AAA) · APCA Lc 46
Contrast pairs
Code-Snippets
CSS
:root {
--brig: #4fa1c0;
--brig-rgb: 79 161 192;
--brig-oklch: oklch(0.67 0.092 225.5);
}
.element {
color: var(--brig);
background-color: hsl(196 47% 53%);
border-color: oklch(0.67 0.092 225.5);
}Tailwind CSS v4
@theme {
--color-brig: #4fa1c0;
--color-brig-50: #dbfbff;
--color-brig-100: #c9efff;
--color-brig-200: #acddf3;
--color-brig-300: #84c1dc;
--color-brig-400: #5eaac8;
--color-brig-500: #3292b4;
--color-brig-600: #2c7c98;
--color-brig-700: #23637a;
--color-brig-800: #16495a;
--color-brig-900: #0e333f;
--color-brig-950: #021e28;
}SCSS
$brig: #4fa1c0;
$brig-rgb: 79, 161, 192;
$brig-light: mix(#fff, $brig, 20%);
$brig-dark: mix(#000, $brig, 20%);
.element {
color: $brig;
box-shadow: 0 0 0 2px rgba($brig, 0.35);
}