Color con nombre · #EFEFE5
Oyster Island
Oyster Island es #EFEFE5: rgb(239 239 229), hsl(60 24% 92%), oklch(0.949 0.013 106.6). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Oyster Island color name →
#EFEFE5
oklch(0.949 0.013 106.6)
Conversiones de color
- 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%)
Tintes · Sombras · Tonos
Tintes
- F1F1E8
- F2F2EA
- F4F4ED
- F5F5EF
- F7F7F2
- F9F9F5
- FAFAF7
- FCFCFA
- FDFDFC
Sombras
- D0D0C7
- B1B1AA
- 94948E
- 787872
- 5C5C58
- 42423F
- 2A2A28
- 141412
- 030303
Tonos
- E3E3DA
- D8D8D0
- CCCCC6
- C1C1BB
- B6B6B1
- ABABA7
- A0A09D
- 959593
- 8A8B8A
Armonías de color
Complementario +180°
- EFEFE5
Oyster Island
- EDEDF7
≈ Silver Phoenix
Análogo -30° +30°
- EFEFE5
Oyster Island
- F3EDE5
≈ Angelic White
- EAF0E8
≈ Breakwater White
Triádico +120° +240°
- EFEFE5
Oyster Island
- E6F0F5
≈ Clear Vision
- F5EBF0
≈ Dress Pink
Complementario dividido +150° +210°
- EFEFE5
Oyster Island
- E9EFF7
≈ First Snow
- F2ECF4
≈ Snow Plum
Tetrádico +90° +180° +270°
- EFEFE5
Oyster Island
- E5F1F1
≈ Ethereal White
- EDEDF7
≈ Silver Phoenix
- F7EBEB
≈ Ballerina Gown
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.15:1 · APCA Lc 7
Ag
AAASobre negro
WCAG 18.14:1 · APCA Lc 97
Mejor color de texto: #000000
WCAG 18.14:1 (AAA) · APCA Lc 97
Contrast pairs
Fragmentos de código
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);
}