Benannte Farbe · #2F6479
Denim Blue
Denim Blue ist #2F6479: rgb(47 100 121), hsl(197 44% 33%), oklch(0.476 0.066 226.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Cyan mean? → · Denim Blue color name →
#2F6479
oklch(0.476 0.066 226.6)
Farbumrechnungen
- HEX
- #2f6479
- RGB
- rgb(47 100 121)
- HSL
- hsl(197 44% 33%)
- HWB
- hwb(197 18% 53%)
- OKLCH
- oklch(0.476 0.066 226.6)
- OKLab
- oklab(0.476 -0.045 -0.048)
- CIE Lab
- lab(39.46 -13.22 -17.51)
- LCH
- lch(39.46 21.94 232.9)
- CMYK
- cmyk(61% 17% 0% 53%)
Tints · Shades · Tones
Tints
- 447386
- 598193
- 6D90A0
- 819FAD
- 95AFBA
- AABFC8
- BFCED5
- D4DEE3
- E9EFF1
Shades
- 275668
- 204858
- 193B48
- 122E39
- 0C222B
- 06161D
- 030B10
- 010305
- 000001
Tones
- 39677A
- 426A7B
- 4A6D7B
- 52707C
- 5A727D
- 62757E
- 6A787E
- 717B7F
- 797D7F
Farbharmonien
Komplementär +180°
- 2F6479
Denim Blue
- 7B513C
≈ Leather Satchel
Analog -30° +30°
- 2F6479
Denim Blue
- 266869
≈ Dusky Alpine Blue
- 445E81
≈ Climate Control
Triadisch +120° +240°
- 2F6479
Denim Blue
- 784D64
≈ Red Endive
- 615F31
≈ Basque Green
Geteilt komplementär +150° +210°
- 2F6479
Denim Blue
- 7D4D4F
≈ Antique Red
- 725730
≈ Oak Barrel
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.52:1 · APCA Lc 82
Ag
FailAuf Schwarz
WCAG 3.21:1 · APCA Lc 20
Beste Textfarbe: #FFFFFF
WCAG 6.52:1 (AA) · APCA Lc 82
Contrast pairs
Code-Snippets
CSS
:root {
--denim-blue: #2f6479;
--denim-blue-rgb: 47 100 121;
--denim-blue-oklch: oklch(0.476 0.066 226.6);
}
.element {
color: var(--denim-blue);
background-color: hsl(197 44% 33%);
border-color: oklch(0.476 0.066 226.6);
}Tailwind CSS v4
@theme {
--color-denim-blue: #2f6479;
--color-denim-blue-50: #e3f9ff;
--color-denim-blue-100: #d2edfa;
--color-denim-blue-200: #b8daeb;
--color-denim-blue-300: #95bfd2;
--color-denim-blue-400: #74a7bd;
--color-denim-blue-500: #548fa8;
--color-denim-blue-600: #48798e;
--color-denim-blue-700: #396172;
--color-denim-blue-800: #284753;
--color-denim-blue-900: #1b313a;
--color-denim-blue-950: #0b1d24;
}SCSS
$denim-blue: #2f6479;
$denim-blue-rgb: 47, 100, 121;
$denim-blue-light: mix(#fff, $denim-blue, 20%);
$denim-blue-dark: mix(#000, $denim-blue, 20%);
.element {
color: $denim-blue;
box-shadow: 0 0 0 2px rgba($denim-blue, 0.35);
}