Benannte Farbe · #015B6D
Brave New Teal
Brave New Teal ist #015B6D: rgb(1 91 109), hsl(190 98% 22%), oklch(0.435 0.078 217.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Cyan mean? → · Brave New Teal color name →
#015B6D
oklch(0.435 0.078 217.4)
Farbumrechnungen
- HEX
- #015b6d
- RGB
- rgb(1 91 109)
- HSL
- hsl(190 98% 22%)
- HWB
- hwb(190 0% 57%)
- OKLCH
- oklch(0.435 0.078 217.4)
- OKLab
- oklab(0.435 -0.062 -0.047)
- CIE Lab
- lab(34.87 -18.63 -17.28)
- LCH
- lch(34.87 25.41 222.9)
- CMYK
- cmyk(99% 17% 0% 57%)
Tints · Shades · Tones
Tints
- 2A6A7B
- 447A89
- 5B8A97
- 729AA5
- 89AAB4
- A0BBC3
- B8CCD1
- CFDCE0
- E7EEF0
Shades
- 014E5E
- 01414F
- 003541
- 002933
- 001E26
- 001319
- 00090D
- 000304
- 000001
Tones
- 1C5F6F
- 2C6371
- 386773
- 446A75
- 4F6E77
- 597279
- 63757B
- 6D797C
- 767C7E
Farbharmonien
Komplementär +180°
- 015B6D
Brave New Teal
- 754131
≈ Lava Core
Analog -30° +30°
- 015B6D
Brave New Teal
- 005E58
≈ Tidal Pool
- 2B5479
≈ Breonne Blue
Triadisch +120° +240°
- 015B6D
Brave New Teal
- 6C4060
≈ Royal Plum
- 5D5117
≈ Olive Brown
Geteilt komplementär +150° +210°
- 015B6D
Brave New Teal
- 753E49
≈ Vintage Merlot
- 6D481C
≈ Antique Brass
Tetradisch +90° +180° +270°
- 015B6D
Brave New Teal
- 5D4572
≈ Blue Tulip
- 754131
≈ Lava Core
- 455928
≈ Trefoil
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.72:1 · APCA Lc 86
Ag
FailAuf Schwarz
WCAG 2.71:1 · APCA Lc 16
Beste Textfarbe: #FFFFFF
WCAG 7.72:1 (AAA) · APCA Lc 86
Contrast pairs
Code-Snippets
CSS
:root {
--brave-new-teal: #015b6d;
--brave-new-teal-rgb: 1 91 109;
--brave-new-teal-oklch: oklch(0.435 0.078 217.4);
}
.element {
color: var(--brave-new-teal);
background-color: hsl(190 98% 22%);
border-color: oklch(0.435 0.078 217.4);
}Tailwind CSS v4
@theme {
--color-brave-new-teal: #015b6d;
--color-brave-new-teal-50: #defbff;
--color-brave-new-teal-100: #cceffa;
--color-brave-new-teal-200: #b0ddeb;
--color-brave-new-teal-300: #8ac1d3;
--color-brave-new-teal-400: #66aabd;
--color-brave-new-teal-500: #4093a8;
--color-brave-new-teal-600: #387c8e;
--color-brave-new-teal-700: #2c6372;
--color-brave-new-teal-800: #1e4953;
--color-brave-new-teal-900: #14333a;
--color-brave-new-teal-950: #051e24;
}SCSS
$brave-new-teal: #015b6d;
$brave-new-teal-rgb: 1, 91, 109;
$brave-new-teal-light: mix(#fff, $brave-new-teal, 20%);
$brave-new-teal-dark: mix(#000, $brave-new-teal, 20%);
.element {
color: $brave-new-teal;
box-shadow: 0 0 0 2px rgba($brave-new-teal, 0.35);
}