Nazwany kolor · #B0CEC2
Watershed
Watershed to #B0CEC2: rgb(176 206 194), hsl(156 23% 75%), oklch(0.826 0.036 169.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Teal mean? → · Watershed color name →
#B0CEC2
oklch(0.826 0.036 169.3)
Konwersje koloru
- HEX
- #b0cec2
- RGB
- rgb(176 206 194)
- HSL
- hsl(156 23% 75%)
- HWB
- hwb(156 69% 19%)
- OKLCH
- oklch(0.826 0.036 169.3)
- OKLab
- oklab(0.826 -0.036 0.007)
- CIE Lab
- lab(80.28 -12.18 2.45)
- LCH
- lch(80.28 12.42 168.6)
- CMYK
- cmyk(15% 0% 6% 19%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B8D3C8
- C0D8CE
- C8DDD4
- CFE1DA
- D7E6E0
- DFEBE6
- E7F0EC
- EFF5F3
- F7FAF9
Odcienie ciemniejsze
- 99B3A8
- 82988F
- 6C7F77
- 566660
- 424E49
- 2E3834
- 1C2320
- 0B0F0E
- 010202
Tony
- ABC6BB
- A6BEB4
- A2B6AE
- 9DAEA7
- 98A6A0
- 939E9A
- 8E9793
- 8A8F8D
- 858886
Harmonie kolorów
Komplementarna +180°
- B0CEC2
Watershed
- D9BDC9
≈ Fragrant Orchid
Analogowa -30° +30°
- B0CEC2
Watershed
- BACCB6
≈ Isle of Dreams
- ACCECF
≈ Baroque Chalk Soft Blue
Triada +120° +240°
- B0CEC2
Watershed
- C5C3DD
≈ Ice Mauve
- DAC0B2
≈ Champagne Glee
Komplementarna rozszczepiona +150° +210°
- B0CEC2
Watershed
- D1BFD5
≈ Cosmetic Mauve
- DDBDBD
≈ Fizzing Whizbees
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.68:1 · APCA Lc 30
Ag
AAANa czerni
WCAG 12.45:1 · APCA Lc 73
Najlepszy kolor tekstu: #000000
WCAG 12.45:1 (AAA) · APCA Lc 73
Contrast pairs
Fragmenty kodu
CSS
:root {
--watershed: #b0cec2;
--watershed-rgb: 176 206 194;
--watershed-oklch: oklch(0.826 0.036 169.3);
}
.element {
color: var(--watershed);
background-color: hsl(156 23% 75%);
border-color: oklch(0.826 0.036 169.3);
}Tailwind CSS v4
@theme {
--color-watershed: #b0cec2;
--color-watershed-50: #ebf9f4;
--color-watershed-100: #ddece6;
--color-watershed-200: #c6dad2;
--color-watershed-300: #a6beb5;
--color-watershed-400: #8aa69b;
--color-watershed-500: #6f8e82;
--color-watershed-600: #5e786e;
--color-watershed-700: #4b6058;
--color-watershed-800: #374740;
--color-watershed-900: #25312c;
--color-watershed-950: #141d19;
}SCSS
$watershed: #b0cec2;
$watershed-rgb: 176, 206, 194;
$watershed-light: mix(#fff, $watershed, 20%);
$watershed-dark: mix(#000, $watershed, 20%);
.element {
color: $watershed;
box-shadow: 0 0 0 2px rgba($watershed, 0.35);
}