Nächste benannte Farbe · #00B1B5
#00B1B5
Nächste benannte Farbe: Teal Me No Lies
#00B1B5 (rgb(0 177 181), hsl(181 100% 35%), oklch(0.69 0.117 197.6)) liegt am nächsten an der benannten Farbe Teal Me No Lies. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#00B1B5
oklch(0.69 0.117 197.6)
Farbumrechnungen
- HEX
- #00b1b5
- RGB
- rgb(0 177 181)
- HSL
- hsl(181 100% 35%)
- HWB
- hwb(181 0% 29%)
- OKLCH
- oklch(0.69 0.117 197.6)
- OKLab
- oklab(0.69 -0.112 -0.036)
- CIE Lab
- lab(65.22 -37.56 -13.42)
- LCH
- lch(65.22 39.88 199.7)
- CMYK
- cmyk(100% 2% 0% 29%)
Tints · Shades · Tones
Tints
- 3FB9BC
- 5CC1C4
- 75C9CB
- 8AD1D2
- 9FD9DA
- B3E0E1
- C6E8E9
- D9F0F0
- ECF7F7
Shades
- 00999D
- 008386
- 006C6F
- 005759
- 004244
- 002F30
- 001C1D
- 000C0C
- 000102
Tones
- 2DACB0
- 40A7AA
- 4EA3A5
- 589EA0
- 61999A
- 699495
- 708F90
- 768A8A
- 7B8585
Farbharmonien
Komplementär +180°
- 00B1B5
Teal Me No Lies
- DA7C80
≈ Babe
Analog -30° +30°
- 00B1B5
Teal Me No Lies
- 40B28D
≈ Walk in the Woods
- 36A9D4
≈ Modal
Triadisch +120° +240°
- 00B1B5
Teal Me No Lies
- B983CB
≈ Lavender Sweater
- C3913C
≈ Golden Grain
Geteilt komplementär +150° +210°
- 00B1B5
Teal Me No Lies
- D07CA9
≈ Ice Plant
- D68458
≈ Copperhead
Tetradisch +90° +180° +270°
- 00B1B5
Teal Me No Lies
- 978FE0
≈ Perrywinkle
- DA7C80
≈ Babe
- A3A041
≈ Poplar
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.63:1 · APCA Lc 51
Ag
AAAAuf Schwarz
WCAG 7.95:1 · APCA Lc 51
Beste Textfarbe: #000000
WCAG 7.95:1 (AAA) · APCA Lc 51
Contrast pairs
Code-Snippets
CSS
:root {
--teal-me-no-lies: #00b1b5;
--teal-me-no-lies-rgb: 0 177 181;
--teal-me-no-lies-oklch: oklch(0.69 0.117 197.6);
}
.element {
color: var(--teal-me-no-lies);
background-color: hsl(181 100% 35%);
border-color: oklch(0.69 0.117 197.6);
}Tailwind CSS v4
@theme {
--color-teal-me-no-lies: #00b1b5;
--color-teal-me-no-lies-50: #cfffff;
--color-teal-me-no-lies-100: #baf4f7;
--color-teal-me-no-lies-200: #97e4e8;
--color-teal-me-no-lies-300: #66cacf;
--color-teal-me-no-lies-400: #27b3b7;
--color-teal-me-no-lies-500: #009da2;
--color-teal-me-no-lies-600: #008489;
--color-teal-me-no-lies-700: #006a6d;
--color-teal-me-no-lies-800: #004e4f;
--color-teal-me-no-lies-900: #003737;
--color-teal-me-no-lies-950: #002122;
}SCSS
$teal-me-no-lies: #00b1b5;
$teal-me-no-lies-rgb: 0, 177, 181;
$teal-me-no-lies-light: mix(#fff, $teal-me-no-lies, 20%);
$teal-me-no-lies-dark: mix(#000, $teal-me-no-lies, 20%);
.element {
color: $teal-me-no-lies;
box-shadow: 0 0 0 2px rgba($teal-me-no-lies, 0.35);
}