Nazwany kolor · #B6ECDE
Water Leaf
Water Leaf to #B6ECDE: rgb(182 236 222), hsl(164 59% 82%), oklch(0.902 0.058 177.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Teal mean? → · Water Leaf color name →
#B6ECDE
oklch(0.902 0.058 177.3)
Konwersje koloru
- HEX
- #b6ecde
- RGB
- rgb(182 236 222)
- HSL
- hsl(164 59% 82%)
- HWB
- hwb(164 71% 7%)
- OKLCH
- oklch(0.902 0.058 177.3)
- OKLab
- oklab(0.902 -0.058 0.003)
- CIE Lab
- lab(89.38 -20 0.89)
- LCH
- lch(89.38 20.02 177.5)
- CMYK
- cmyk(23% 0% 6% 7%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- BEEEE1
- C5F0E5
- CDF2E8
- D4F4EB
- DBF6EE
- E3F8F2
- EAF9F5
- F1FBF8
- F8FDFC
Odcienie ciemniejsze
- 9ECDC1
- 86AFA5
- 6F9289
- 59766F
- 445B55
- 30423D
- 1D2926
- 0C1312
- 020302
Tony
- B1E1D4
- ACD6CA
- A6CAC1
- A1C0B7
- 9CB5AE
- 96AAA4
- 919F9B
- 8B9592
- 868A89
Harmonie kolorów
Komplementarna +180°
- B6ECDE
Water Leaf
- FFD0DF
≈ Light Pink
Analogowa -30° +30°
- B6ECDE
Water Leaf
- C6EAC9
≈ Frosty Dawn
- B2EAF3
≈ Winter Escape
Triada +120° +240°
- B6ECDE
Water Leaf
- E2D8FF
≈ Transparent Blue
- FED6BA
≈ Curtsy
Komplementarna rozszczepiona +150° +210°
- B6ECDE
Water Leaf
- F4D2F3
≈ Scented Spring
- FFD3CD
≈ Girlie
Tetrada +90° +180° +270°
- B6ECDE
Water Leaf
- D1DEFF
≈ Arc Light
- FFD0DF
≈ Light Pink
- EFDDB3
≈ Lantern
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.30:1 · APCA Lc 15
Ag
AAANa czerni
WCAG 16.04:1 · APCA Lc 88
Najlepszy kolor tekstu: #000000
WCAG 16.04:1 (AAA) · APCA Lc 88
Contrast pairs
Fragmenty kodu
CSS
:root {
--water-leaf: #b6ecde;
--water-leaf-rgb: 182 236 222;
--water-leaf-oklch: oklch(0.902 0.058 177.3);
}
.element {
color: var(--water-leaf);
background-color: hsl(164 59% 82%);
border-color: oklch(0.902 0.058 177.3);
}Tailwind CSS v4
@theme {
--color-water-leaf: #b6ecde;
--color-water-leaf-50: #e4fbf5;
--color-water-leaf-100: #d4efe8;
--color-water-leaf-200: #bbddd5;
--color-water-leaf-300: #98c2b8;
--color-water-leaf-400: #79aa9e;
--color-water-leaf-500: #5a9386;
--color-water-leaf-600: #4d7c71;
--color-water-leaf-700: #3d645a;
--color-water-leaf-800: #2c4941;
--color-water-leaf-900: #1e332d;
--color-water-leaf-950: #0d1e1a;
}SCSS
$water-leaf: #b6ecde;
$water-leaf-rgb: 182, 236, 222;
$water-leaf-light: mix(#fff, $water-leaf, 20%);
$water-leaf-dark: mix(#000, $water-leaf, 20%);
.element {
color: $water-leaf;
box-shadow: 0 0 0 2px rgba($water-leaf, 0.35);
}