Benannte Farbe · #2F3946
Biro Blue
Biro Blue ist #2F3946: rgb(47 57 70), hsl(214 20% 23%), oklch(0.341 0.027 255.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Biro Blue color name →
#2F3946
oklch(0.341 0.027 255.1)
Farbumrechnungen
- HEX
- #2f3946
- RGB
- rgb(47 57 70)
- HSL
- hsl(214 20% 23%)
- HWB
- hwb(214 18% 73%)
- OKLCH
- oklch(0.341 0.027 255.1)
- OKLab
- oklab(0.341 -0.007 -0.026)
- CIE Lab
- lab(23.46 -1.58 -9.51)
- LCH
- lch(23.46 9.64 260.6)
- CMYK
- cmyk(33% 19% 0% 73%)
Tints · Shades · Tones
Tints
- 414A57
- 545C68
- 676F79
- 7B828B
- 90969E
- A5AAB0
- BBBFC4
- D1D4D7
- E8E9EB
Shades
- 27303C
- 202832
- 191F28
- 12171E
- 0C1015
- 06090D
- 030405
- 010102
- 000000
Tones
- 37404C
- 3E4651
- 464D57
- 4E545D
- 565B62
- 5E6368
- 666A6E
- 6F7174
- 77797A
Farbharmonien
Komplementär +180°
- 2F3946
Biro Blue
- 403629
≈ Jacko Bean
Analog -30° +30°
- 2F3946
Biro Blue
- 293B43
≈ Cool Current
- 363646
≈ Sceptre Blue
Triadisch +120° +240°
- 2F3946
Biro Blue
- 453334
≈ Rebel
- 323B2E
≈ Sound of Silence
Geteilt komplementär +150° +210°
- 2F3946
Biro Blue
- 44342D
≈ Bruno Brown
- 3A3929
≈ El Paso
Tetradisch +90° +180° +270°
- 2F3946
Biro Blue
- 43333B
≈ Deep Space Frigate
- 403629
≈ Jacko Bean
- 2B3D35
≈ Scarab
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 11.70:1 · APCA Lc 97
Ag
FailAuf Schwarz
WCAG 1.79:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 11.70:1 (AAA) · APCA Lc 97
Contrast pairs
Code-Snippets
CSS
:root {
--biro-blue: #2f3946;
--biro-blue-rgb: 47 57 70;
--biro-blue-oklch: oklch(0.341 0.027 255.1);
}
.element {
color: var(--biro-blue);
background-color: hsl(214 20% 23%);
border-color: oklch(0.341 0.027 255.1);
}Tailwind CSS v4
@theme {
--color-biro-blue: #2f3946;
--color-biro-blue-50: #f0f6fd;
--color-biro-blue-100: #e2e8f1;
--color-biro-blue-200: #cdd5e0;
--color-biro-blue-300: #afb8c5;
--color-biro-blue-400: #94a0ae;
--color-biro-blue-500: #7b8798;
--color-biro-blue-600: #687381;
--color-biro-blue-700: #535c67;
--color-biro-blue-800: #3c434c;
--color-biro-blue-900: #292e34;
--color-biro-blue-950: #171b20;
}SCSS
$biro-blue: #2f3946;
$biro-blue-rgb: 47, 57, 70;
$biro-blue-light: mix(#fff, $biro-blue, 20%);
$biro-blue-dark: mix(#000, $biro-blue, 20%);
.element {
color: $biro-blue;
box-shadow: 0 0 0 2px rgba($biro-blue, 0.35);
}