이름 색상 · #FAD7B3
Sandy Bay
Sandy Bay은(는) #FAD7B3: rgb(250 215 179), hsl(30 88% 84%), oklch(0.9 0.061 67.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Sandy Bay color name →
#FAD7B3
oklch(0.9 0.061 67.7)
색상 변환
- HEX
- #fad7b3
- RGB
- rgb(250 215 179)
- HSL
- hsl(30 88% 84%)
- HWB
- hwb(30 70% 2%)
- OKLCH
- oklch(0.9 0.061 67.7)
- OKLab
- oklab(0.9 0.023 0.057)
- CIE Lab
- lab(88.31 8.78 22.58)
- LCH
- lch(88.31 24.23 68.8)
- CMYK
- cmyk(0% 14% 28% 2%)
틴트 · 셰이드 · 톤
틴트
- FBDBBB
- FBDFC2
- FCE3CA
- FCE7D2
- FDEBD9
- FDEFE1
- FEF3E8
- FEF7F0
- FFFBF7
셰이드
- D9BB9B
- BA9F84
- 9B856E
- 7D6B58
- 615243
- 463B2F
- 2D251D
- 15110C
- 030201
톤
- EDCEAE
- E1C5A9
- D4BCA4
- C8B39F
- BBAB9A
- AFA295
- A3998F
- 97918A
- 8C8885
색 조화
보색 +180°
- FAD7B3
Sandy Bay
- C4E2FF
≈ Fresh Water
유사색 -30° +30°
- FAD7B3
Sandy Bay
- FFD2C5
≈ Simply Delicious
- E9DFB1
≈ Star Bright
삼각 배색 +120° +240°
- FAD7B3
Sandy Bay
- B0ECE5
≈ Gentle Giant
- E9D4FE
≈ Rose Dragée
분열 보색 +150° +210°
- FAD7B3
Sandy Bay
- B0E9F9
≈ Beyond the Clouds
- D5DCFF
≈ Icy Plains
사각 배색 +90° +180° +270°
- FAD7B3
Sandy Bay
- BDEBCE
≈ Lost Lace
- C4E2FF
≈ Fresh Water
- FACFEC
≈ Little Smile
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.36:1 · APCA Lc 18
Ag
AAA검은색 위
WCAG 15.43:1 · APCA Lc 86
가장 좋은 글자색: #000000
WCAG 15.43:1 (AAA) · APCA Lc 86
Contrast pairs
코드 스니펫
CSS
:root {
--sandy-bay: #fad7b3;
--sandy-bay-rgb: 250 215 179;
--sandy-bay-oklch: oklch(0.9 0.061 67.7);
}
.element {
color: var(--sandy-bay);
background-color: hsl(30 88% 84%);
border-color: oklch(0.9 0.061 67.7);
}Tailwind CSS v4
@theme {
--color-sandy-bay: #fad7b3;
--color-sandy-bay-50: #fff3e3;
--color-sandy-bay-100: #f6e5d2;
--color-sandy-bay-200: #e6d0b9;
--color-sandy-bay-300: #ccb296;
--color-sandy-bay-400: #b79878;
--color-sandy-bay-500: #a27f59;
--color-sandy-bay-600: #896b4c;
--color-sandy-bay-700: #6e563d;
--color-sandy-bay-800: #513e2b;
--color-sandy-bay-900: #392b1d;
--color-sandy-bay-950: #23180d;
}SCSS
$sandy-bay: #fad7b3;
$sandy-bay-rgb: 250, 215, 179;
$sandy-bay-light: mix(#fff, $sandy-bay, 20%);
$sandy-bay-dark: mix(#000, $sandy-bay, 20%);
.element {
color: $sandy-bay;
box-shadow: 0 0 0 2px rgba($sandy-bay, 0.35);
}