Nazwany kolor · #88D9D8
Island Oasis
Island Oasis to #88D9D8: rgb(136 217 216), hsl(179 52% 69%), oklch(0.833 0.079 194.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Teal mean? → · Island Oasis color name →
#88D9D8
oklch(0.833 0.079 194.7)
Konwersje koloru
- HEX
- #88d9d8
- RGB
- rgb(136 217 216)
- HSL
- hsl(179 52% 69%)
- HWB
- hwb(179 53% 15%)
- OKLCH
- oklch(0.833 0.079 194.7)
- OKLab
- oklab(0.833 -0.077 -0.02)
- CIE Lab
- lab(81.5 -25.98 -7.78)
- LCH
- lch(81.5 27.12 196.7)
- CMYK
- cmyk(37% 0% 0% 15%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 95DDDC
- A2E1E0
- AEE5E4
- BAE8E8
- C6ECEB
- D2F0EF
- DDF4F3
- E9F8F7
- F4FBFB
Odcienie ciemniejsze
- 75BCBC
- 63A1A0
- 528685
- 416C6B
- 315353
- 223B3B
- 132525
- 061111
- 010202
Tony
- 88D0CF
- 89C7C6
- 88BEBD
- 88B5B4
- 87ACAB
- 86A3A2
- 859A9A
- 849191
- 828988
Harmonie kolorów
Komplementarna +180°
- 88D9D8
Island Oasis
- F8B4B8
≈ Ballerina Pink
Analogowa -30° +30°
- 88D9D8
Island Oasis
- 97D9BB
≈ Green Jewel
- 8ED4EF
≈ Slightly Spritzig
Triada +120° +240°
- 88D9D8
Island Oasis
- DCB9ED
≈ Beefy Pink
- E7C18E
≈ Gold Hearted
Komplementarna rozszczepiona +150° +210°
- 88D9D8
Island Oasis
- EFB4D4
≈ Soft Cashmere
- F5B99E
≈ Mandys Pink
Tetrada +90° +180° +270°
- 88D9D8
Island Oasis
- C2C2FB
≈ Light Periwinkle
- F8B4B8
≈ Ballerina Pink
- D0CC8F
≈ Corn Husk Green
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.61:1 · APCA Lc 28
Ag
AAANa czerni
WCAG 12.96:1 · APCA Lc 75
Najlepszy kolor tekstu: #000000
WCAG 12.96:1 (AAA) · APCA Lc 75
Contrast pairs
Fragmenty kodu
CSS
:root {
--island-oasis: #88d9d8;
--island-oasis-rgb: 136 217 216;
--island-oasis-oklch: oklch(0.833 0.079 194.7);
}
.element {
color: var(--island-oasis);
background-color: hsl(179 52% 69%);
border-color: oklch(0.833 0.079 194.7);
}Tailwind CSS v4
@theme {
--color-island-oasis: #88d9d8;
--color-island-oasis-50: #dcfdfd;
--color-island-oasis-100: #caf1f1;
--color-island-oasis-200: #addfe0;
--color-island-oasis-300: #86c4c5;
--color-island-oasis-400: #62adad;
--color-island-oasis-500: #389796;
--color-island-oasis-600: #317f7f;
--color-island-oasis-700: #276666;
--color-island-oasis-800: #1b4b4a;
--color-island-oasis-900: #123433;
--color-island-oasis-950: #031f1f;
}SCSS
$island-oasis: #88d9d8;
$island-oasis-rgb: 136, 217, 216;
$island-oasis-light: mix(#fff, $island-oasis, 20%);
$island-oasis-dark: mix(#000, $island-oasis, 20%);
.element {
color: $island-oasis;
box-shadow: 0 0 0 2px rgba($island-oasis, 0.35);
}