Warna bernama · #FBB88B
Beach Sand
Beach Sand adalah #FBB88B: rgb(251 184 139), hsl(24 93% 76%), oklch(0.835 0.098 54.8). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Orange mean? → · Beach Sand color name →
#FBB88B
oklch(0.835 0.098 54.8)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- FCBF97
- FDC6A3
- FECEAE
- FED5BA
- FFDCC5
- FFE3D1
- FFEADC
- FFF1E8
- FFF8F3
Shade
- DAA078
- BA8866
- 9C7154
- 7E5B43
- 614532
- 463123
- 2D1E14
- 150C07
- 030201
Tone
- EEB28A
- E2AD8A
- D5A789
- C9A288
- BD9C87
- B09786
- A49185
- 988B83
- 8C8682
Harmoni warna
Komplementer +180°
- FBB88B
Beach Sand
- 88D3FF
≈ Kul Sharif Blue
Analog -30° +30°
- FBB88B
Beach Sand
- FFB2AB
≈ Peach Bud
- E6C47D
≈ Golden Thread
Triadik +120° +240°
- FBB88B
Beach Sand
- 7FDEC5
≈ Star Grass
- CCBDFF
≈ Lavender Tonic
Split-komplementer +150° +210°
- FBB88B
Beach Sand
- 73DBE7
≈ Turquoise Sea
- AFC9FF
≈ Night Snow
Tetradik +90° +180° +270°
- FBB88B
Beach Sand
- A1DAA1
≈ Green Trance
- 88D3FF
≈ Kul Sharif Blue
- EAB3EC
≈ Candy Dreams
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.70:1 · APCA Lc 30
Ag
AAADi atas hitam
WCAG 12.33:1 · APCA Lc 72
Warna teks terbaik: #000000
WCAG 12.33:1 (AAA) · APCA Lc 72
Contrast pairs
Cuplikan kode
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);
}