Benannte Farbe · #00849D
Zircon Blue
Zircon Blue ist #00849D: rgb(0 132 157), hsl(190 100% 31%), oklch(0.566 0.101 217.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Cyan mean? → · Zircon Blue color name →
#00849D
oklch(0.566 0.101 217.3)
Farbumrechnungen
- HEX
- #00849d
- RGB
- rgb(0 132 157)
- HSL
- hsl(190 100% 31%)
- HWB
- hwb(190 0% 38%)
- OKLCH
- oklch(0.566 0.101 217.3)
- OKLab
- oklab(0.566 -0.081 -0.061)
- CIE Lab
- lab(50.2 -24.37 -22.51)
- LCH
- lch(50.2 33.18 222.7)
- CMYK
- cmyk(100% 16% 0% 38%)
Tints · Shades · Tones
Tints
- 3490A7
- 509CB0
- 68A8BA
- 7EB5C4
- 94C1CE
- AACDD8
- BFDAE1
- D4E6EB
- EAF2F5
Shades
- 007288
- 006073
- 004F5F
- 003F4C
- 002F3A
- 002028
- 001218
- 000609
- 000101
Tones
- 24849A
- 368497
- 438495
- 4E8392
- 58838F
- 61828C
- 698289
- 718186
- 798183
Farbharmonien
Komplementär +180°
- 00849D
Zircon Blue
- A95F4A
≈ Colourful Leaves
Analog -30° +30°
- 00849D
Zircon Blue
- 008880
≈ Eyeshadow Turquoise
- 407BAE
≈ Sleep
Triadisch +120° +240°
- 00849D
Zircon Blue
- 9C5E8B
≈ Thimble Red
- 877624
≈ Garden Lettuce Green
Geteilt komplementär +150° +210°
- 00849D
Zircon Blue
- A85B6B
≈ Delicate Prunus
- 9D692C
≈ Stage Gold
Tetradisch +90° +180° +270°
- 00849D
Zircon Blue
- 8665A4
≈ Chive Blossom
- A95F4A
≈ Colourful Leaves
- 66813C
≈ Swamp Moss
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.38:1 · APCA Lc 70
Ag
AAAuf Schwarz
WCAG 4.78:1 · APCA Lc 32
Beste Textfarbe: #000000
WCAG 4.78:1 (AA) · APCA Lc 32
Contrast pairs
Code-Snippets
CSS
:root {
--zircon-blue: #00849d;
--zircon-blue-rgb: 0 132 157;
--zircon-blue-oklch: oklch(0.566 0.101 217.3);
}
.element {
color: var(--zircon-blue);
background-color: hsl(190 100% 31%);
border-color: oklch(0.566 0.101 217.3);
}Tailwind CSS v4
@theme {
--color-zircon-blue: #00849d;
--color-zircon-blue-50: #d6fdff;
--color-zircon-blue-100: #c3f1ff;
--color-zircon-blue-200: #a4dff2;
--color-zircon-blue-300: #79c4db;
--color-zircon-blue-400: #4dadc6;
--color-zircon-blue-500: #0096b2;
--color-zircon-blue-600: #0b7f96;
--color-zircon-blue-700: #0c6579;
--color-zircon-blue-800: #044b58;
--color-zircon-blue-900: #04343e;
--color-zircon-blue-950: #001f27;
}SCSS
$zircon-blue: #00849d;
$zircon-blue-rgb: 0, 132, 157;
$zircon-blue-light: mix(#fff, $zircon-blue, 20%);
$zircon-blue-dark: mix(#000, $zircon-blue, 20%);
.element {
color: $zircon-blue;
box-shadow: 0 0 0 2px rgba($zircon-blue, 0.35);
}