Colore con nome · #009999
Regula Barbara Blue
Regula Barbara Blue è #009999: rgb(0 153 153), hsl(180 100% 30%), oklch(0.618 0.106 194.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Regula Barbara Blue color name →
#009999
oklch(0.618 0.106 194.8)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 39A3A3
- 56ADAD
- 6EB8B7
- 84C2C1
- 99CCCB
- AED6D5
- C2E0E0
- D7EAEA
- EBF5F4
Ombre
- 008484
- 007070
- 005D5D
- 004A4A
- 003838
- 002727
- 001717
- 000808
- 000101
Toni
- 289797
- 3A9494
- 489292
- 53908F
- 5C8D8D
- 658B8A
- 6C8888
- 738585
- 7A8383
Armonie di colore
Complementare +180°
- 009999
Regula Barbara Blue
- BC6A71
≈ Cherry Fizz
Analogo -30° +30°
- 009999
Regula Barbara Blue
- 3B9A75
≈ Ocean Green
- 2892B5
≈ Navagio Bay
Triadico +120° +240°
- 009999
Regula Barbara Blue
- 9D72B1
≈ Purple Pride
- AB7C34
≈ Billet
Complementare divisa +150° +210°
- 009999
Regula Barbara Blue
- B26B94
≈ Je t’aime
- BA704E
≈ Pottery Clay
Tetradico +90° +180° +270°
- 009999
Regula Barbara Blue
- 7F7CC3
≈ Ube
- BC6A71
≈ Cherry Fizz
- 908935
≈ Uguisu Green
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.49:1 · APCA Lc 62
Ag
AASu nero
WCAG 6.01:1 · APCA Lc 40
Miglior colore del testo: #000000
WCAG 6.01:1 (AA) · APCA Lc 40
Contrast pairs
Frammenti di codice
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);
}