Benannte Farbe · #316382
Carbide
Carbide ist #316382: rgb(49 99 130), hsl(203 45% 35%), oklch(0.479 0.074 238.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Carbide color name →
#316382
oklch(0.479 0.074 238.2)
Farbumrechnungen
- HEX
- #316382
- RGB
- rgb(49 99 130)
- HSL
- hsl(203 45% 35%)
- HWB
- hwb(203 19% 49%)
- OKLCH
- oklch(0.479 0.074 238.2)
- OKLab
- oklab(0.479 -0.039 -0.063)
- CIE Lab
- lab(39.55 -9.82 -22.8)
- LCH
- lch(39.55 24.83 246.7)
- CMYK
- cmyk(62% 24% 0% 49%)
Tints · Shades · Tones
Tints
- 46728E
- 5A819A
- 6E90A7
- 829FB3
- 96AFC0
- AABECC
- BFCED9
- D4DEE5
- E9EFF2
Shades
- 295570
- 22475F
- 1A3A4E
- 132E3E
- 0C212F
- 061620
- 030B12
- 010306
- 000001
Tones
- 3A6682
- 436982
- 4B6C82
- 536F82
- 5B7282
- 627582
- 6A7881
- 717A81
- 797D80
Farbharmonien
Komplementär +180°
- 316382
Carbide
- 7C5231
≈ Brazilian Brown
Analog -30° +30°
- 316382
Carbide
- 1B6973
≈ Persian Mosaic
- 4B5B87
≈ Wizard
Triadisch +120° +240°
- 316382
Carbide
- 7F4B5D
≈ Frenzied Red
- 596331
≈ Basil Green
Geteilt komplementär +150° +210°
- 316382
Carbide
- 824D46
≈ Red Bluff
- 6E5B28
≈ Olivary
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.48:1 · APCA Lc 82
Ag
FailAuf Schwarz
WCAG 3.23:1 · APCA Lc 20
Beste Textfarbe: #FFFFFF
WCAG 6.48:1 (AA) · APCA Lc 82
Contrast pairs
Code-Snippets
CSS
:root {
--carbide: #316382;
--carbide-rgb: 49 99 130;
--carbide-oklch: oklch(0.479 0.074 238.2);
}
.element {
color: var(--carbide);
background-color: hsl(203 45% 35%);
border-color: oklch(0.479 0.074 238.2);
}Tailwind CSS v4
@theme {
--color-carbide: #316382;
--color-carbide-50: #e3f9ff;
--color-carbide-100: #d3ecff;
--color-carbide-200: #b9d9f1;
--color-carbide-300: #96bdda;
--color-carbide-400: #75a5c5;
--color-carbide-500: #558db1;
--color-carbide-600: #497896;
--color-carbide-700: #3a6078;
--color-carbide-800: #284659;
--color-carbide-900: #1b313e;
--color-carbide-950: #0b1d27;
}SCSS
$carbide: #316382;
$carbide-rgb: 49, 99, 130;
$carbide-light: mix(#fff, $carbide, 20%);
$carbide-dark: mix(#000, $carbide, 20%);
.element {
color: $carbide;
box-shadow: 0 0 0 2px rgba($carbide, 0.35);
}