Benannte Farbe · #0AC2C2
Cala Benirrás Blue
Cala Benirrás Blue ist #0AC2C2: rgb(10 194 194), hsl(180 90% 40%), oklch(0.738 0.125 194.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Teal mean? → · Cala Benirrás Blue color name →
#0AC2C2
oklch(0.738 0.125 194.8)
Farbumrechnungen
- HEX
- #0ac2c2
- RGB
- rgb(10 194 194)
- HSL
- hsl(180 90% 40%)
- HWB
- hwb(180 4% 24%)
- OKLCH
- oklch(0.738 0.125 194.8)
- OKLab
- oklab(0.738 -0.121 -0.032)
- CIE Lab
- lab(70.88 -40.92 -12.1)
- LCH
- lch(70.88 42.68 196.5)
- CMYK
- cmyk(95% 0% 0% 24%)
Tints · Shades · Tones
Tints
- 44C8C8
- 62CFCE
- 7AD5D4
- 8FDBDA
- A4E1E0
- B7E7E6
- C9EDED
- DBF3F3
- EDF9F9
Shades
- 07A8A8
- 058F8F
- 037777
- 026060
- 014949
- 013434
- 002020
- 000E0E
- 000202
Tones
- 32BBBB
- 45B5B4
- 52AEAE
- 5DA8A7
- 65A1A1
- 6C9B9A
- 729493
- 788D8D
- 7C8786
Farbharmonien
Komplementär +180°
- 0AC2C2
Cala Benirrás Blue
- EE8891
≈ Flamingo Dream
Analog -30° +30°
- 0AC2C2
Cala Benirrás Blue
- 4EC396
≈ Macau
- 37BAE5
≈ Lake Thun
Triadisch +120° +240°
- 0AC2C2
Cala Benirrás Blue
- C791E0
≈ Bright Lavender
- D89E45
≈ Gold Foil
Geteilt komplementär +150° +210°
- 0AC2C2
Cala Benirrás Blue
- E189BC
≈ Tempting Pink
- EB8F66
≈ Shell Coral
Tetradisch +90° +180° +270°
- 0AC2C2
Cala Benirrás Blue
- A29EF6
≈ Cold Lips
- EE8891
≈ Flamingo Dream
- B6AE46
≈ Dill Green
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.20:1 · APCA Lc 43
Ag
AAAAuf Schwarz
WCAG 9.50:1 · APCA Lc 59
Beste Textfarbe: #000000
WCAG 9.50:1 (AAA) · APCA Lc 59
Contrast pairs
Code-Snippets
CSS
:root {
--cala-benirras-blue: #0ac2c2;
--cala-benirras-blue-rgb: 10 194 194;
--cala-benirras-blue-oklch: oklch(0.738 0.125 194.8);
}
.element {
color: var(--cala-benirras-blue);
background-color: hsl(180 90% 40%);
border-color: oklch(0.738 0.125 194.8);
}Tailwind CSS v4
@theme {
--color-cala-benirras-blue: #0ac2c2;
--color-cala-benirras-blue-50: #ccffff;
--color-cala-benirras-blue-100: #b7f5f6;
--color-cala-benirras-blue-200: #92e5e6;
--color-cala-benirras-blue-300: #5ecbcd;
--color-cala-benirras-blue-400: #08b5b5;
--color-cala-benirras-blue-500: #009e9f;
--color-cala-benirras-blue-600: #008687;
--color-cala-benirras-blue-700: #006b6c;
--color-cala-benirras-blue-800: #004f4e;
--color-cala-benirras-blue-900: #003736;
--color-cala-benirras-blue-950: #002221;
}SCSS
$cala-benirras-blue: #0ac2c2;
$cala-benirras-blue-rgb: 10, 194, 194;
$cala-benirras-blue-light: mix(#fff, $cala-benirras-blue, 20%);
$cala-benirras-blue-dark: mix(#000, $cala-benirras-blue, 20%);
.element {
color: $cala-benirras-blue;
box-shadow: 0 0 0 2px rgba($cala-benirras-blue, 0.35);
}