Nazwany kolor · #8DB0AD
Jitterbug Lure
Jitterbug Lure to #8DB0AD: rgb(141 176 173), hsl(175 18% 62%), oklch(0.73 0.038 189.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Teal mean? → · Jitterbug Lure color name →
#8DB0AD
oklch(0.73 0.038 189.9)
Konwersje koloru
- HEX
- #8db0ad
- RGB
- rgb(141 176 173)
- HSL
- hsl(175 18% 62%)
- HWB
- hwb(175 55% 31%)
- OKLCH
- oklch(0.73 0.038 189.9)
- OKLab
- oklab(0.73 -0.038 -0.007)
- CIE Lab
- lab(69.17 -12.8 -2.6)
- LCH
- lch(69.17 13.06 191.5)
- CMYK
- cmyk(20% 0% 2% 31%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 98B8B5
- A3BFBD
- AFC7C5
- BACFCD
- C5D7D5
- D1DFDE
- DCE7E6
- E8EFEE
- F3F7F7
Odcienie ciemniejsze
- 7A9996
- 67827F
- 556C6A
- 445655
- 334241
- 232E2D
- 141C1B
- 070B0B
- 010101
Tony
- 8CABA8
- 8BA6A4
- 8AA19F
- 889D9B
- 879896
- 869392
- 848E8D
- 838989
- 828584
Harmonie kolorów
Komplementarna +180°
- 8DB0AD
Jitterbug Lure
- BE9EA2
≈ Windflower
Analogowa -30° +30°
- 8DB0AD
Jitterbug Lure
- 94B0A0
≈ Burma Jade
- 8EAEB9
≈ Thermocline
Triada +120° +240°
- 8DB0AD
Jitterbug Lure
- AFA2BA
≈ Decanter
- B8A48E
≈ Antique Windmill
Komplementarna rozszczepiona +150° +210°
- 8DB0AD
Jitterbug Lure
- B99FAF
≈ Fiddlesticks
- BEA096
≈ Andes Ash
Tetrada +90° +180° +270°
- 8DB0AD
Jitterbug Lure
- A3A6C0
≈ Canyon Mist
- BE9EA2
≈ Windflower
- ADA98E
≈ Bland
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.34:1 · APCA Lc 46
Ag
AAANa czerni
WCAG 8.94:1 · APCA Lc 56
Najlepszy kolor tekstu: #000000
WCAG 8.94:1 (AAA) · APCA Lc 56
Contrast pairs
Fragmenty kodu
CSS
:root {
--jitterbug-lure: #8db0ad;
--jitterbug-lure-rgb: 141 176 173;
--jitterbug-lure-oklch: oklch(0.73 0.038 189.9);
}
.element {
color: var(--jitterbug-lure);
background-color: hsl(175 18% 62%);
border-color: oklch(0.73 0.038 189.9);
}Tailwind CSS v4
@theme {
--color-jitterbug-lure: #8db0ad;
--color-jitterbug-lure-50: #e9f9f8;
--color-jitterbug-lure-100: #daeceb;
--color-jitterbug-lure-200: #c3dad8;
--color-jitterbug-lure-300: #a2bebc;
--color-jitterbug-lure-400: #85a6a3;
--color-jitterbug-lure-500: #698f8c;
--color-jitterbug-lure-600: #597976;
--color-jitterbug-lure-700: #47615e;
--color-jitterbug-lure-800: #334745;
--color-jitterbug-lure-900: #23312f;
--color-jitterbug-lure-950: #121d1c;
}SCSS
$jitterbug-lure: #8db0ad;
$jitterbug-lure-rgb: 141, 176, 173;
$jitterbug-lure-light: mix(#fff, $jitterbug-lure, 20%);
$jitterbug-lure-dark: mix(#000, $jitterbug-lure, 20%);
.element {
color: $jitterbug-lure;
box-shadow: 0 0 0 2px rgba($jitterbug-lure, 0.35);
}