Benannte Farbe · #2C4364
Black Turmeric
Black Turmeric ist #2C4364: rgb(44 67 100), hsl(215 39% 28%), oklch(0.38 0.064 257.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Black Turmeric color name →
#2C4364
oklch(0.38 0.064 257.4)
Farbumrechnungen
- HEX
- #2c4364
- RGB
- rgb(44 67 100)
- HSL
- hsl(215 39% 28%)
- HWB
- hwb(215 17% 61%)
- OKLCH
- oklch(0.38 0.064 257.4)
- OKLab
- oklab(0.38 -0.014 -0.062)
- CIE Lab
- lab(27.73 -1 -22.52)
- LCH
- lch(27.73 22.54 267.5)
- CMYK
- cmyk(56% 33% 0% 61%)
Tints · Shades · Tones
Tints
- 3F5473
- 526682
- 667791
- 7A8AA0
- 8F9CAF
- A5AFBF
- BBC3CF
- D1D7DF
- E8EBEF
Shades
- 253956
- 1E2F48
- 17263B
- 111D2E
- 0A1422
- 050C16
- 02050B
- 010103
- 000000
Tones
- 344967
- 3C4F6A
- 45556D
- 4D5B70
- 556173
- 5E6776
- 666E78
- 6F747B
- 777A7D
Farbharmonien
Komplementär +180°
- 2C4364
Black Turmeric
- 553E16
≈ Smoked Oak Brown
Analog -30° +30°
- 2C4364
Black Turmeric
- 13495D
≈ Ethereal Dance
- 403D62
≈ Storm Is Coming
Triadisch +120° +240°
- 2C4364
Black Turmeric
- 603436
≈ Rampant Rhubarb
- 314A28
≈ Nettle Green
Geteilt komplementär +150° +210°
- 2C4364
Black Turmeric
- 5E3723
≈ Chubby Chocolate
- 464518
≈ Alligator Gladiator
Tetradisch +90° +180° +270°
- 2C4364
Black Turmeric
- 5B3449
≈ Italian Plum
- 553E16
≈ Smoked Oak Brown
- 184D3B
≈ Brunswick Green
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 10.02:1 · APCA Lc 93
Ag
FailAuf Schwarz
WCAG 2.09:1 · APCA Lc 9
Beste Textfarbe: #FFFFFF
WCAG 10.02:1 (AAA) · APCA Lc 93
Contrast pairs
Code-Snippets
CSS
:root {
--black-turmeric: #2c4364;
--black-turmeric-rgb: 44 67 100;
--black-turmeric-oklch: oklch(0.38 0.064 257.4);
}
.element {
color: var(--black-turmeric);
background-color: hsl(215 39% 28%);
border-color: oklch(0.38 0.064 257.4);
}Tailwind CSS v4
@theme {
--color-black-turmeric: #2c4364;
--color-black-turmeric-50: #ebf6ff;
--color-black-turmeric-100: #dce9fe;
--color-black-turmeric-200: #c4d5f0;
--color-black-turmeric-300: #a4b9d9;
--color-black-turmeric-400: #87a0c4;
--color-black-turmeric-500: #6b88b1;
--color-black-turmeric-600: #5b7395;
--color-black-turmeric-700: #495c78;
--color-black-turmeric-800: #344358;
--color-black-turmeric-900: #232f3e;
--color-black-turmeric-950: #121b27;
}SCSS
$black-turmeric: #2c4364;
$black-turmeric-rgb: 44, 67, 100;
$black-turmeric-light: mix(#fff, $black-turmeric, 20%);
$black-turmeric-dark: mix(#000, $black-turmeric, 20%);
.element {
color: $black-turmeric;
box-shadow: 0 0 0 2px rgba($black-turmeric, 0.35);
}