이름 색상 · #FBB88B
Beach Sand
Beach Sand은(는) #FBB88B: rgb(251 184 139), hsl(24 93% 76%), oklch(0.835 0.098 54.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Beach Sand color name →
#FBB88B
oklch(0.835 0.098 54.8)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- FCBF97
- FDC6A3
- FECEAE
- FED5BA
- FFDCC5
- FFE3D1
- FFEADC
- FFF1E8
- FFF8F3
셰이드
- DAA078
- BA8866
- 9C7154
- 7E5B43
- 614532
- 463123
- 2D1E14
- 150C07
- 030201
톤
- EEB28A
- E2AD8A
- D5A789
- C9A288
- BD9C87
- B09786
- A49185
- 988B83
- 8C8682
색 조화
보색 +180°
- FBB88B
Beach Sand
- 88D3FF
≈ Kul Sharif Blue
유사색 -30° +30°
- FBB88B
Beach Sand
- FFB2AB
≈ Peach Bud
- E6C47D
≈ Golden Thread
삼각 배색 +120° +240°
- FBB88B
Beach Sand
- 7FDEC5
≈ Star Grass
- CCBDFF
≈ Lavender Tonic
분열 보색 +150° +210°
- FBB88B
Beach Sand
- 73DBE7
≈ Turquoise Sea
- AFC9FF
≈ Night Snow
사각 배색 +90° +180° +270°
- FBB88B
Beach Sand
- A1DAA1
≈ Green Trance
- 88D3FF
≈ Kul Sharif Blue
- EAB3EC
≈ Candy Dreams
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.70:1 · APCA Lc 30
Ag
AAA검은색 위
WCAG 12.33:1 · APCA Lc 72
가장 좋은 글자색: #000000
WCAG 12.33:1 (AAA) · APCA Lc 72
Contrast pairs
코드 스니펫
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);
}