Benannte Farbe · #00177D
Blue Ranger
Blue Ranger ist #00177D: rgb(0 23 125), hsl(229 100% 25%), oklch(0.291 0.169 264). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Blue Ranger color name →
#00177D
oklch(0.291 0.169 264)
Farbumrechnungen
- HEX
- #00177d
- RGB
- rgb(0 23 125)
- HSL
- hsl(229 100% 25%)
- HWB
- hwb(229 0% 51%)
- OKLCH
- oklch(0.291 0.169 264)
- OKLab
- oklab(0.291 -0.018 -0.168)
- CIE Lab
- lab(14.72 29.33 -59.64)
- LCH
- lch(14.72 66.46 296.2)
- CMYK
- cmyk(100% 82% 0% 51%)
Tints · Shades · Tones
Tints
- 11338B
- 294B99
- 4161A7
- 5A77B5
- 748DC2
- 8EA4CE
- A9BADB
- C5D1E7
- E2E8F3
Shades
- 00126C
- 000E5B
- 000A4B
- 00063B
- 00042C
- 00021E
- 000111
- 000005
- 000001
Tones
- 07277F
- 143380
- 223F81
- 2F4982
- 3C5383
- 495C83
- 576583
- 646E82
- 727781
Farbharmonien
Komplementär +180°
- 00177D
Blue Ranger
- 392800
≈ Secret Passage
Analog -30° +30°
- 00177D
Blue Ranger
- 003045
≈ Cosmos Blue
- 350071
≈ Galactic Federation
Triadisch +120° +240°
- 00177D
Blue Ranger
- 58000A
≈ Saving Light
- 003605
≈ Dark Green
Geteilt komplementär +150° +210°
- 00177D
Blue Ranger
- 461F00
≈ Chocolate Castle
- 2B2F00
≈ Blind Forest
Tetradisch +90° +180° +270°
- 00177D
Blue Ranger
- 54002F
≈ Mulberry Wood
- 392800
≈ Secret Passage
- 003429
≈ Coach Green
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 14.80:1 · APCA Lc 100
Ag
FailAuf Schwarz
WCAG 1.41:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 14.80:1 (AAA) · APCA Lc 100
Contrast pairs
Code-Snippets
CSS
:root {
--blue-ranger: #00177d;
--blue-ranger-rgb: 0 23 125;
--blue-ranger-oklch: oklch(0.291 0.169 264);
}
.element {
color: var(--blue-ranger);
background-color: hsl(229 100% 25%);
border-color: oklch(0.291 0.169 264);
}Tailwind CSS v4
@theme {
--color-blue-ranger: #00177d;
--color-blue-ranger-50: #dff5ff;
--color-blue-ranger-100: #cee7ff;
--color-blue-ranger-200: #b2d3ff;
--color-blue-ranger-300: #8fb4ff;
--color-blue-ranger-400: #6b9aff;
--color-blue-ranger-500: #4b7ef4;
--color-blue-ranger-600: #406bce;
--color-blue-ranger-700: #3356a6;
--color-blue-ranger-800: #203f7c;
--color-blue-ranger-900: #152c57;
--color-blue-ranger-950: #07183b;
}SCSS
$blue-ranger: #00177d;
$blue-ranger-rgb: 0, 23, 125;
$blue-ranger-light: mix(#fff, $blue-ranger, 20%);
$blue-ranger-dark: mix(#000, $blue-ranger, 20%);
.element {
color: $blue-ranger;
box-shadow: 0 0 0 2px rgba($blue-ranger, 0.35);
}