Benannte Farbe · #016496
Craving Cobalt
Craving Cobalt ist #016496: rgb(1 100 150), hsl(200 99% 30%), oklch(0.481 0.111 240.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Craving Cobalt color name →
#016496
oklch(0.481 0.111 240.8)
Farbumrechnungen
- HEX
- #016496
- RGB
- rgb(1 100 150)
- HSL
- hsl(200 99% 30%)
- HWB
- hwb(200 0% 41%)
- OKLCH
- oklch(0.481 0.111 240.8)
- OKLab
- oklab(0.481 -0.054 -0.097)
- CIE Lab
- lab(39.57 -10.34 -34.88)
- LCH
- lch(39.57 36.38 253.5)
- CMYK
- cmyk(99% 33% 0% 41%)
Tints · Shades · Tones
Tints
- 2C73A1
- 4782AB
- 5E91B6
- 75A1C1
- 8CB0CB
- A3C0D6
- B9CFE0
- D0DFEA
- E8EFF5
Shades
- 015682
- 01486E
- 003B5B
- 002E49
- 002237
- 001626
- 000B16
- 000308
- 000001
Tones
- 1E6794
- 2E6A92
- 3B6D90
- 46708E
- 51738C
- 5B768A
- 657988
- 6E7B85
- 777E83
Farbharmonien
Komplementär +180°
- 016496
Craving Cobalt
- 8A4C01
≈ Brown Eyed Girl
Analog -30° +30°
- 016496
Craving Cobalt
- 006A78
≈ Mary Blue
- 47589C
≈ Nuthatch Back
Triadisch +120° +240°
- 016496
Craving Cobalt
- 8F3F5A
≈ Umemurasaki Purple
- 556709
≈ Serrano Pepper
Geteilt komplementär +150° +210°
- 016496
Craving Cobalt
- 924235
≈ Persimmon Juice
- 735B00
≈ Hot Mustard
Tetradisch +90° +180° +270°
- 016496
Craving Cobalt
- 80447B
≈ Visiona Red
- 8A4C01
≈ Brown Eyed Girl
- 216F3B
≈ Dartmouth Green
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.43:1 · APCA Lc 81
Ag
FailAuf Schwarz
WCAG 3.26:1 · APCA Lc 21
Beste Textfarbe: #FFFFFF
WCAG 6.43:1 (AA) · APCA Lc 81
Contrast pairs
Code-Snippets
CSS
:root {
--craving-cobalt: #016496;
--craving-cobalt-rgb: 1 100 150;
--craving-cobalt-oklch: oklch(0.481 0.111 240.8);
}
.element {
color: var(--craving-cobalt);
background-color: hsl(200 99% 30%);
border-color: oklch(0.481 0.111 240.8);
}Tailwind CSS v4
@theme {
--color-craving-cobalt: #016496;
--color-craving-cobalt-50: #dbfaff;
--color-craving-cobalt-100: #c9edff;
--color-craving-cobalt-200: #abdbff;
--color-craving-cobalt-300: #84bfec;
--color-craving-cobalt-400: #5da7da;
--color-craving-cobalt-500: #328ec8;
--color-craving-cobalt-600: #2c78a9;
--color-craving-cobalt-700: #236088;
--color-craving-cobalt-800: #154764;
--color-craving-cobalt-900: #0d3146;
--color-craving-cobalt-950: #011d2e;
}SCSS
$craving-cobalt: #016496;
$craving-cobalt-rgb: 1, 100, 150;
$craving-cobalt-light: mix(#fff, $craving-cobalt, 20%);
$craving-cobalt-dark: mix(#000, $craving-cobalt, 20%);
.element {
color: $craving-cobalt;
box-shadow: 0 0 0 2px rgba($craving-cobalt, 0.35);
}