Benannte Farbe · #009999
Regula Barbara Blue
Regula Barbara Blue ist #009999: rgb(0 153 153), hsl(180 100% 30%), oklch(0.618 0.106 194.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Teal mean? → · Regula Barbara Blue color name →
#009999
oklch(0.618 0.106 194.8)
Farbumrechnungen
- HEX
- #009999
- RGB
- rgb(0 153 153)
- HSL
- hsl(180 100% 30%)
- HWB
- hwb(180 0% 40%)
- OKLCH
- oklch(0.618 0.106 194.8)
- OKLab
- oklab(0.618 -0.102 -0.027)
- CIE Lab
- lab(56.85 -34.6 -10.22)
- LCH
- lch(56.85 36.07 196.5)
- CMYK
- cmyk(100% 0% 0% 40%)
Tints · Shades · Tones
Tints
- 39A3A3
- 56ADAD
- 6EB8B7
- 84C2C1
- 99CCCB
- AED6D5
- C2E0E0
- D7EAEA
- EBF5F4
Shades
- 008484
- 007070
- 005D5D
- 004A4A
- 003838
- 002727
- 001717
- 000808
- 000101
Tones
- 289797
- 3A9494
- 489292
- 53908F
- 5C8D8D
- 658B8A
- 6C8888
- 738585
- 7A8383
Farbharmonien
Komplementär +180°
- 009999
Regula Barbara Blue
- BC6A71
≈ Cherry Fizz
Analog -30° +30°
- 009999
Regula Barbara Blue
- 3B9A75
≈ Ocean Green
- 2892B5
≈ Navagio Bay
Triadisch +120° +240°
- 009999
Regula Barbara Blue
- 9D72B1
≈ Purple Pride
- AB7C34
≈ Billet
Geteilt komplementär +150° +210°
- 009999
Regula Barbara Blue
- B26B94
≈ Je t’aime
- BA704E
≈ Pottery Clay
Tetradisch +90° +180° +270°
- 009999
Regula Barbara Blue
- 7F7CC3
≈ Ube
- BC6A71
≈ Cherry Fizz
- 908935
≈ Uguisu Green
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.49:1 · APCA Lc 62
Ag
AAAuf Schwarz
WCAG 6.01:1 · APCA Lc 40
Beste Textfarbe: #000000
WCAG 6.01:1 (AA) · APCA Lc 40
Contrast pairs
Code-Snippets
CSS
:root {
--regula-barbara-blue: #009999;
--regula-barbara-blue-rgb: 0 153 153;
--regula-barbara-blue-oklch: oklch(0.618 0.106 194.8);
}
.element {
color: var(--regula-barbara-blue);
background-color: hsl(180 100% 30%);
border-color: oklch(0.618 0.106 194.8);
}Tailwind CSS v4
@theme {
--color-regula-barbara-blue: #009999;
--color-regula-barbara-blue-50: #d3ffff;
--color-regula-barbara-blue-100: #c0f3f4;
--color-regula-barbara-blue-200: #9ee3e3;
--color-regula-barbara-blue-300: #71c8ca;
--color-regula-barbara-blue-400: #41b2b1;
--color-regula-barbara-blue-500: #009b9b;
--color-regula-barbara-blue-600: #008383;
--color-regula-barbara-blue-700: #006969;
--color-regula-barbara-blue-800: #004e4c;
--color-regula-barbara-blue-900: #003635;
--color-regula-barbara-blue-950: #002120;
}SCSS
$regula-barbara-blue: #009999;
$regula-barbara-blue-rgb: 0, 153, 153;
$regula-barbara-blue-light: mix(#fff, $regula-barbara-blue, 20%);
$regula-barbara-blue-dark: mix(#000, $regula-barbara-blue, 20%);
.element {
color: $regula-barbara-blue;
box-shadow: 0 0 0 2px rgba($regula-barbara-blue, 0.35);
}