Benoemde kleur · #BCE8DD
Aqua Oasis
Aqua Oasis is #BCE8DD: rgb(188 232 221), hsl(165 49% 82%), oklch(0.897 0.048 178.2). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Teal mean? → · Aqua Oasis color name →
#BCE8DD
oklch(0.897 0.048 178.2)
Kleurconversies
- HEX
- #bce8dd
- RGB
- rgb(188 232 221)
- HSL
- hsl(165 49% 82%)
- HWB
- hwb(165 74% 9%)
- OKLCH
- oklch(0.897 0.048 178.2)
- OKLab
- oklab(0.897 -0.048 0.001)
- CIE Lab
- lab(88.65 -16.4 0.41)
- LCH
- lch(88.65 16.41 178.6)
- CMYK
- cmyk(19% 0% 5% 9%)
Tinten · Schaduwen · Tonen
Tinten
- C3EAE0
- CAEDE4
- D0EFE7
- D7F1EA
- DEF4EE
- E5F6F1
- EBF8F5
- F2FAF8
- F8FDFC
Schaduwen
- A3CAC0
- 8BACA4
- 739088
- 5D746E
- 475955
- 32403D
- 1F2926
- 0D1311
- 020302
Tonen
- B6DDD3
- B0D2CA
- AAC8C0
- A4BDB7
- 9EB3AD
- 98A8A4
- 929E9B
- 8C9492
- 868A89
Kleurharmonieën
Complementair +180°
- BCE8DD
Aqua Oasis
- F9D0DD
≈ Summer Cosmos
Analoog -30° +30°
- BCE8DD
Aqua Oasis
- C8E6CC
≈ Granny Apple
- B9E7EE
≈ First of July
Triadisch +120° +240°
- BCE8DD
Aqua Oasis
- E0D7F9
≈ Japan Blush
- F6D6BE
≈ Fresh Baked Bread
Gesplitst complementair +150° +210°
- BCE8DD
Aqua Oasis
- EFD2ED
≈ Scented Spring
- FBD2CB
≈ Rose Sorbet
Tetradisch +90° +180° +270°
- BCE8DD
Aqua Oasis
- CFDDFE
≈ Arc Light
- F9D0DD
≈ Summer Cosmos
- EADCBA
≈ Jodhpurs
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.33:1 · APCA Lc 17
Ag
AAAOp zwart
WCAG 15.72:1 · APCA Lc 87
Beste tekstkleur: #000000
WCAG 15.72:1 (AAA) · APCA Lc 87
Contrast pairs
Codefragmenten
CSS
:root {
--aqua-oasis: #bce8dd;
--aqua-oasis-rgb: 188 232 221;
--aqua-oasis-oklch: oklch(0.897 0.048 178.2);
}
.element {
color: var(--aqua-oasis);
background-color: hsl(165 49% 82%);
border-color: oklch(0.897 0.048 178.2);
}Tailwind CSS v4
@theme {
--color-aqua-oasis: #bce8dd;
--color-aqua-oasis-50: #e7faf6;
--color-aqua-oasis-100: #d8ede8;
--color-aqua-oasis-200: #bfdbd5;
--color-aqua-oasis-300: #9ec0b8;
--color-aqua-oasis-400: #80a89e;
--color-aqua-oasis-500: #639186;
--color-aqua-oasis-600: #547b72;
--color-aqua-oasis-700: #43625b;
--color-aqua-oasis-800: #304842;
--color-aqua-oasis-900: #21322d;
--color-aqua-oasis-950: #101e1a;
}SCSS
$aqua-oasis: #bce8dd;
$aqua-oasis-rgb: 188, 232, 221;
$aqua-oasis-light: mix(#fff, $aqua-oasis, 20%);
$aqua-oasis-dark: mix(#000, $aqua-oasis, 20%);
.element {
color: $aqua-oasis;
box-shadow: 0 0 0 2px rgba($aqua-oasis, 0.35);
}