이름 색상 · #F1DAB2
Precious
Precious은(는) #F1DAB2: rgb(241 218 178), hsl(38 69% 82%), oklch(0.897 0.058 81.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Precious color name →
#F1DAB2
oklch(0.897 0.058 81.4)
색상 변환
- HEX
- #f1dab2
- RGB
- rgb(241 218 178)
- HSL
- hsl(38 69% 82%)
- HWB
- hwb(38 70% 5%)
- OKLCH
- oklch(0.897 0.058 81.4)
- OKLab
- oklab(0.897 0.009 0.058)
- CIE Lab
- lab(88.22 3.8 22.81)
- LCH
- lch(88.22 23.13 80.5)
- CMYK
- cmyk(0% 10% 26% 5%)
틴트 · 셰이드 · 톤
틴트
- F2DEBA
- F4E1C2
- F5E5C9
- F7E9D1
- F8EDD9
- FAF0E0
- FBF4E8
- FCF8F0
- FEFBF7
셰이드
- D2BD9A
- B3A283
- 95876D
- 796C57
- 5D5443
- 433C2F
- 2B251D
- 14110C
- 030201
톤
- E5D1AD
- D9C7A8
- CEBEA3
- C2B59E
- B7AC99
- ACA394
- A19A8F
- 96918A
- 8B8985
색 조화
보색 +180°
- F1DAB2
Precious
- CBDEFF
≈ Arc Light
유사색 -30° +30°
- F1DAB2
Precious
- FED3BB
≈ Peachy Bon-Bon
- DEE2B5
≈ Schabziger Green
삼각 배색 +120° +240°
- F1DAB2
Precious
- B0E9ED
≈ Spearmint Water
- F0D1F5
≈ Lavender Princess
분열 보색 +150° +210°
- F1DAB2
Precious
- B7E5FD
≈ Breaking the Ice
- DDD7FF
≈ Transparent Blue
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.36:1 · APCA Lc 18
Ag
AAA검은색 위
WCAG 15.41:1 · APCA Lc 86
가장 좋은 글자색: #000000
WCAG 15.41:1 (AAA) · APCA Lc 86
Contrast pairs
코드 스니펫
CSS
:root {
--precious: #f1dab2;
--precious-rgb: 241 218 178;
--precious-oklch: oklch(0.897 0.058 81.4);
}
.element {
color: var(--precious);
background-color: hsl(38 69% 82%);
border-color: oklch(0.897 0.058 81.4);
}Tailwind CSS v4
@theme {
--color-precious: #f1dab2;
--color-precious-50: #fdf4e3;
--color-precious-100: #f1e7d3;
--color-precious-200: #e0d3b9;
--color-precious-300: #c6b596;
--color-precious-400: #b09b77;
--color-precious-500: #9a8359;
--color-precious-600: #826f4c;
--color-precious-700: #68583c;
--color-precious-800: #4d402b;
--color-precious-900: #362c1d;
--color-precious-950: #21190d;
}SCSS
$precious: #f1dab2;
$precious-rgb: 241, 218, 178;
$precious-light: mix(#fff, $precious, 20%);
$precious-dark: mix(#000, $precious, 20%);
.element {
color: $precious;
box-shadow: 0 0 0 2px rgba($precious, 0.35);
}