Nazwany kolor · #8BD4C3
Light Capri Green
Light Capri Green to #8BD4C3: rgb(139 212 195), hsl(166 46% 69%), oklch(0.817 0.077 177.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Teal mean? → · Light Capri Green color name →
#8BD4C3
oklch(0.817 0.077 177.9)
Konwersje koloru
- HEX
- #8bd4c3
- RGB
- rgb(139 212 195)
- HSL
- hsl(166 46% 69%)
- HWB
- hwb(166 55% 17%)
- OKLCH
- oklch(0.817 0.077 177.9)
- OKLab
- oklab(0.817 -0.077 0.003)
- CIE Lab
- lab(79.76 -26.58 0.82)
- LCH
- lch(79.76 26.59 178.2)
- CMYK
- cmyk(34% 0% 8% 17%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 98D8C9
- A4DDCF
- B0E1D5
- BBE5DB
- C7EAE1
- D2EEE7
- DDF2ED
- E9F7F3
- F4FBF9
Odcienie ciemniejsze
- 78B8A9
- 669D90
- 548378
- 436960
- 32514A
- 233A34
- 142420
- 07100E
- 010202
Tony
- 8BCBBC
- 8AC3B5
- 8ABAAE
- 89B2A8
- 88A9A1
- 87A19A
- 859994
- 84908D
- 828886
Harmonie kolorów
Komplementarna +180°
- 8BD4C3
Light Capri Green
- EDAFC3
≈ Pink Frenzy
Analogowa -30° +30°
- 8BD4C3
Light Capri Green
- A2D1A7
≈ Chinook
- 85D2DD
≈ Sea of Tranquillity
Triada +120° +240°
- 8BD4C3
Light Capri Green
- C9B9EF
≈ Connecticut Lilac
- EAB792
≈ Gentle Doe
Komplementarna rozszczepiona +150° +210°
- 8BD4C3
Light Capri Green
- DFB2DD
≈ Blushing Sky
- F1B1A8
≈ Lusty Salmon
Tetrada +90° +180° +270°
- 8BD4C3
Light Capri Green
- AEC2F6
≈ Sky High
- EDAFC3
≈ Pink Frenzy
- D8C189
≈ Honey Tea
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.70:1 · APCA Lc 31
Ag
AAANa czerni
WCAG 12.30:1 · APCA Lc 72
Najlepszy kolor tekstu: #000000
WCAG 12.30:1 (AAA) · APCA Lc 72
Contrast pairs
Fragmenty kodu
CSS
:root {
--light-capri-green: #8bd4c3;
--light-capri-green-rgb: 139 212 195;
--light-capri-green-oklch: oklch(0.817 0.077 177.9);
}
.element {
color: var(--light-capri-green);
background-color: hsl(166 46% 69%);
border-color: oklch(0.817 0.077 177.9);
}Tailwind CSS v4
@theme {
--color-light-capri-green: #8bd4c3;
--color-light-capri-green-50: #dffdf6;
--color-light-capri-green-100: #cdf1e9;
--color-light-capri-green-200: #b1e0d5;
--color-light-capri-green-300: #8cc5b9;
--color-light-capri-green-400: #6aae9e;
--color-light-capri-green-500: #459786;
--color-light-capri-green-600: #3b8071;
--color-light-capri-green-700: #2f665b;
--color-light-capri-green-800: #214b41;
--color-light-capri-green-900: #16342d;
--color-light-capri-green-950: #07201a;
}SCSS
$light-capri-green: #8bd4c3;
$light-capri-green-rgb: 139, 212, 195;
$light-capri-green-light: mix(#fff, $light-capri-green, 20%);
$light-capri-green-dark: mix(#000, $light-capri-green, 20%);
.element {
color: $light-capri-green;
box-shadow: 0 0 0 2px rgba($light-capri-green, 0.35);
}