Color con nombre · #FBB88B
Beach Sand
Beach Sand es #FBB88B: rgb(251 184 139), hsl(24 93% 76%), oklch(0.835 0.098 54.8). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Orange mean? → · Beach Sand color name →
#FBB88B
oklch(0.835 0.098 54.8)
Conversiones de color
- HEX
- #fbb88b
- RGB
- rgb(251 184 139)
- HSL
- hsl(24 93% 76%)
- HWB
- hwb(24 55% 2%)
- OKLCH
- oklch(0.835 0.098 54.8)
- OKLab
- oklab(0.835 0.056 0.08)
- CIE Lab
- lab(80.4 21.13 32.9)
- LCH
- lch(80.4 39.1 57.3)
- CMYK
- cmyk(0% 27% 45% 2%)
Tintes · Sombras · Tonos
Tintes
- FCBF97
- FDC6A3
- FECEAE
- FED5BA
- FFDCC5
- FFE3D1
- FFEADC
- FFF1E8
- FFF8F3
Sombras
- DAA078
- BA8866
- 9C7154
- 7E5B43
- 614532
- 463123
- 2D1E14
- 150C07
- 030201
Tonos
- EEB28A
- E2AD8A
- D5A789
- C9A288
- BD9C87
- B09786
- A49185
- 988B83
- 8C8682
Armonías de color
Complementario +180°
- FBB88B
Beach Sand
- 88D3FF
≈ Kul Sharif Blue
Análogo -30° +30°
- FBB88B
Beach Sand
- FFB2AB
≈ Peach Bud
- E6C47D
≈ Golden Thread
Triádico +120° +240°
- FBB88B
Beach Sand
- 7FDEC5
≈ Star Grass
- CCBDFF
≈ Lavender Tonic
Complementario dividido +150° +210°
- FBB88B
Beach Sand
- 73DBE7
≈ Turquoise Sea
- AFC9FF
≈ Night Snow
Tetrádico +90° +180° +270°
- FBB88B
Beach Sand
- A1DAA1
≈ Green Trance
- 88D3FF
≈ Kul Sharif Blue
- EAB3EC
≈ Candy Dreams
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.70:1 · APCA Lc 30
Ag
AAASobre negro
WCAG 12.33:1 · APCA Lc 72
Mejor color de texto: #000000
WCAG 12.33:1 (AAA) · APCA Lc 72
Contrast pairs
Fragmentos de código
CSS
:root {
--beach-sand: #fbb88b;
--beach-sand-rgb: 251 184 139;
--beach-sand-oklch: oklch(0.835 0.098 54.8);
}
.element {
color: var(--beach-sand);
background-color: hsl(24 93% 76%);
border-color: oklch(0.835 0.098 54.8);
}Tailwind CSS v4
@theme {
--color-beach-sand: #fbb88b;
--color-beach-sand-50: #ffefdb;
--color-beach-sand-100: #ffe0c9;
--color-beach-sand-200: #f6caac;
--color-beach-sand-300: #dfab86;
--color-beach-sand-400: #cc8f65;
--color-beach-sand-500: #b87342;
--color-beach-sand-600: #9b6239;
--color-beach-sand-700: #7d4e2d;
--color-beach-sand-800: #5d3820;
--color-beach-sand-900: #412615;
--color-beach-sand-950: #291507;
}SCSS
$beach-sand: #fbb88b;
$beach-sand-rgb: 251, 184, 139;
$beach-sand-light: mix(#fff, $beach-sand, 20%);
$beach-sand-dark: mix(#000, $beach-sand, 20%);
.element {
color: $beach-sand;
box-shadow: 0 0 0 2px rgba($beach-sand, 0.35);
}