이름 색상 · #F9CCB7
Biscuit Cream
Biscuit Cream은(는) #F9CCB7: rgb(249 204 183), hsl(19 85% 85%), oklch(0.879 0.059 46.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Biscuit Cream color name →
#F9CCB7
oklch(0.879 0.059 46.4)
색상 변환
- HEX
- #f9ccb7
- RGB
- rgb(249 204 183)
- HSL
- hsl(19 85% 85%)
- HWB
- hwb(19 72% 2%)
- OKLCH
- oklch(0.879 0.059 46.4)
- OKLab
- oklab(0.879 0.04 0.042)
- CIE Lab
- lab(85.62 14.19 16.8)
- LCH
- lch(85.62 21.99 49.8)
- CMYK
- cmyk(0% 18% 27% 2%)
틴트 · 셰이드 · 톤
틴트
- FAD1BE
- FBD6C5
- FBDBCC
- FCE0D4
- FDE6DB
- FDEBE2
- FEF0E9
- FEF5F0
- FFFAF8
셰이드
- D9B19F
- B99787
- 9A7E70
- 7D655A
- 614E45
- 463731
- 2C221E
- 150F0C
- 030202
톤
- ECC4B1
- E0BCAC
- D4B5A6
- C7ADA1
- BBA59B
- AF9E96
- A39690
- 978F8B
- 8C8785
색 조화
보색 +180°
- F9CCB7
Biscuit Cream
- AFE0F5
≈ Azure Sky
유사색 -30° +30°
- F9CCB7
Biscuit Cream
- FCC8CA
≈ Sweet Memories
- EED3AC
≈ Champagne Wishes
삼각 배색 +120° +240°
- F9CCB7
Biscuit Cream
- B3E4CF
≈ Crystal Rapids
- D3D2FD
≈ Pale Phthalo Blue
분열 보색 +150° +210°
- F9CCB7
Biscuit Cream
- AAE4E4
≈ Timeless Seafoam
- BFD9FE
≈ Broad Daylight
사각 배색 +90° +180° +270°
- F9CCB7
Biscuit Cream
- C6E1BB
≈ Ambrosia
- AFE0F5
≈ Azure Sky
- E7CCF2
≈ Mousse aux Pruneaux
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.46:1 · APCA Lc 22
Ag
AAA검은색 위
WCAG 14.34:1 · APCA Lc 81
가장 좋은 글자색: #000000
WCAG 14.34:1 (AAA) · APCA Lc 81
Contrast pairs
코드 스니펫
CSS
:root {
--biscuit-cream: #f9ccb7;
--biscuit-cream-rgb: 249 204 183;
--biscuit-cream-oklch: oklch(0.879 0.059 46.4);
}
.element {
color: var(--biscuit-cream);
background-color: hsl(19 85% 85%);
border-color: oklch(0.879 0.059 46.4);
}Tailwind CSS v4
@theme {
--color-biscuit-cream: #f9ccb7;
--color-biscuit-cream-50: #fff1e7;
--color-biscuit-cream-100: #f9e3d7;
--color-biscuit-cream-200: #eacdbf;
--color-biscuit-cream-300: #d1af9e;
--color-biscuit-cream-400: #bd9481;
--color-biscuit-cream-500: #a77a65;
--color-biscuit-cream-600: #8d6856;
--color-biscuit-cream-700: #715344;
--color-biscuit-cream-800: #543c32;
--color-biscuit-cream-900: #3b2922;
--color-biscuit-cream-950: #241711;
}SCSS
$biscuit-cream: #f9ccb7;
$biscuit-cream-rgb: 249, 204, 183;
$biscuit-cream-light: mix(#fff, $biscuit-cream, 20%);
$biscuit-cream-dark: mix(#000, $biscuit-cream, 20%);
.element {
color: $biscuit-cream;
box-shadow: 0 0 0 2px rgba($biscuit-cream, 0.35);
}