Benoemde kleur · #EFEFE5
Oyster Island
Oyster Island is #EFEFE5: rgb(239 239 229), hsl(60 24% 92%), oklch(0.949 0.013 106.6). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Gray mean? → · Oyster Island color name →
#EFEFE5
oklch(0.949 0.013 106.6)
Kleurconversies
- HEX
- #efefe5
- RGB
- rgb(239 239 229)
- HSL
- hsl(60 24% 92%)
- HWB
- hwb(60 90% 6%)
- OKLCH
- oklch(0.949 0.013 106.6)
- OKLab
- oklab(0.949 -0.004 0.013)
- CIE Lab
- lab(94.24 -1.29 4.85)
- LCH
- lch(94.24 5.02 104.9)
- CMYK
- cmyk(0% 0% 4% 6%)
Tinten · Schaduwen · Tonen
Tinten
- F1F1E8
- F2F2EA
- F4F4ED
- F5F5EF
- F7F7F2
- F9F9F5
- FAFAF7
- FCFCFA
- FDFDFC
Schaduwen
- D0D0C7
- B1B1AA
- 94948E
- 787872
- 5C5C58
- 42423F
- 2A2A28
- 141412
- 030303
Tonen
- E3E3DA
- D8D8D0
- CCCCC6
- C1C1BB
- B6B6B1
- ABABA7
- A0A09D
- 959593
- 8A8B8A
Kleurharmonieën
Complementair +180°
- EFEFE5
Oyster Island
- EDEDF7
≈ Silver Phoenix
Analoog -30° +30°
- EFEFE5
Oyster Island
- F3EDE5
≈ Angelic White
- EAF0E8
≈ Breakwater White
Triadisch +120° +240°
- EFEFE5
Oyster Island
- E6F0F5
≈ Clear Vision
- F5EBF0
≈ Dress Pink
Gesplitst complementair +150° +210°
- EFEFE5
Oyster Island
- E9EFF7
≈ First Snow
- F2ECF4
≈ Snow Plum
Tetradisch +90° +180° +270°
- EFEFE5
Oyster Island
- E5F1F1
≈ Ethereal White
- EDEDF7
≈ Silver Phoenix
- F7EBEB
≈ Ballerina Gown
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.15:1 · APCA Lc 7
Ag
AAAOp zwart
WCAG 18.14:1 · APCA Lc 97
Beste tekstkleur: #000000
WCAG 18.14:1 (AAA) · APCA Lc 97
Contrast pairs
Codefragmenten
CSS
:root {
--oyster-island: #efefe5;
--oyster-island-rgb: 239 239 229;
--oyster-island-oklch: oklch(0.949 0.013 106.6);
}
.element {
color: var(--oyster-island);
background-color: hsl(60 24% 92%);
border-color: oklch(0.949 0.013 106.6);
}Tailwind CSS v4
@theme {
--color-oyster-island: #efefe5;
--color-oyster-island-50: #f5f5f1;
--color-oyster-island-100: #e8e8e3;
--color-oyster-island-200: #d4d5ce;
--color-oyster-island-300: #b8b8b0;
--color-oyster-island-400: #9f9f96;
--color-oyster-island-500: #87877d;
--color-oyster-island-600: #72726a;
--color-oyster-island-700: #5b5b55;
--color-oyster-island-800: #43433d;
--color-oyster-island-900: #2e2e2a;
--color-oyster-island-950: #1b1b18;
}SCSS
$oyster-island: #efefe5;
$oyster-island-rgb: 239, 239, 229;
$oyster-island-light: mix(#fff, $oyster-island, 20%);
$oyster-island-dark: mix(#000, $oyster-island, 20%);
.element {
color: $oyster-island;
box-shadow: 0 0 0 2px rgba($oyster-island, 0.35);
}