Color con nombre · #EFEBD1
Carambola
Carambola es #EFEBD1: rgb(239 235 209), hsl(52 48% 88%), oklch(0.936 0.035 99.9). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Carambola color name →
#EFEBD1
oklch(0.936 0.035 99.9)
Conversiones de color
- HEX
- #efebd1
- RGB
- rgb(239 235 209)
- HSL
- hsl(52 48% 88%)
- HWB
- hwb(52 82% 6%)
- OKLCH
- oklch(0.936 0.035 99.9)
- OKLab
- oklab(0.936 -0.006 0.034)
- CIE Lab
- lab(92.85 -1.81 13.18)
- LCH
- lch(92.85 13.3 97.8)
- CMYK
- cmyk(0% 2% 13% 6%)
Tintes · Sombras · Tonos
Tintes
- F1EDD6
- F2EFDA
- F4F1DF
- F5F3E3
- F7F5E8
- F9F7ED
- FAF9F1
- FCFBF6
- FDFDFA
Sombras
- D0CCB5
- B1AE9B
- 949181
- 787568
- 5C5B50
- 424139
- 2A2923
- 141310
- 030302
Tonos
- E3E0C9
- D8D5C0
- CCCAB8
- C1BFB0
- B6B4A8
- ABA9A0
- A09F98
- 959490
- 8A8A88
Armonías de color
Complementario +180°
- EFEBD1
Carambola
- E5E8FF
≈ Glitter
Análogo -30° +30°
- EFEBD1
Carambola
- FAE7D2
≈ Naive Peach
- E2EFD7
≈ Translucent Vision
Triádico +120° +240°
- EFEBD1
Carambola
- D2F0FA
≈ Water
- FBE1F1
≈ Pale Blossom
Complementario dividido +150° +210°
- EFEBD1
Carambola
- DBECFF
≈ Hoarfrost
- F1E4FC
≈ Minute Mauve
Tetrádico +90° +180° +270°
- EFEBD1
Carambola
- D1F2EF
≈ Icy Wind
- E5E8FF
≈ Glitter
- FFE2E5
≈ Royal Wedding
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.20:1 · APCA Lc 10
Ag
AAASobre negro
WCAG 17.47:1 · APCA Lc 94
Mejor color de texto: #000000
WCAG 17.47:1 (AAA) · APCA Lc 94
Contrast pairs
Fragmentos de código
CSS
:root {
--carambola: #efebd1;
--carambola-rgb: 239 235 209;
--carambola-oklch: oklch(0.936 0.035 99.9);
}
.element {
color: var(--carambola);
background-color: hsl(52 48% 88%);
border-color: oklch(0.936 0.035 99.9);
}Tailwind CSS v4
@theme {
--color-carambola: #efebd1;
--color-carambola-50: #f7f6eb;
--color-carambola-100: #eae8dc;
--color-carambola-200: #d7d5c4;
--color-carambola-300: #bbb8a4;
--color-carambola-400: #a39f88;
--color-carambola-500: #8b876d;
--color-carambola-600: #76725c;
--color-carambola-700: #5e5b4a;
--color-carambola-800: #454335;
--color-carambola-900: #302e24;
--color-carambola-950: #1c1b13;
}SCSS
$carambola: #efebd1;
$carambola-rgb: 239, 235, 209;
$carambola-light: mix(#fff, $carambola, 20%);
$carambola-dark: mix(#000, $carambola, 20%);
.element {
color: $carambola;
box-shadow: 0 0 0 2px rgba($carambola, 0.35);
}