이름 색상 · #FAF5C3
Fine Linen
Fine Linen은(는) #FAF5C3: rgb(250 245 195), hsl(55 85% 87%), oklch(0.962 0.065 102.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Fine Linen color name →
#FAF5C3
oklch(0.962 0.065 102.8)
색상 변환
- HEX
- #faf5c3
- RGB
- rgb(250 245 195)
- HSL
- hsl(55 85% 87%)
- HWB
- hwb(55 76% 2%)
- OKLCH
- oklch(0.962 0.065 102.8)
- OKLab
- oklab(0.962 -0.014 0.063)
- CIE Lab
- lab(96.01 -4.04 24.83)
- LCH
- lch(96.01 25.15 99.2)
- CMYK
- cmyk(0% 2% 22% 2%)
틴트 · 셰이드 · 톤
틴트
- FAF6C9
- FBF7CF
- FBF8D5
- FCF9DC
- FCFAE2
- FDFBE7
- FDFCED
- FEFDF3
- FEFEF9
셰이드
- D9D5A9
- BAB690
- 9B9878
- 7D7B60
- 615F4A
- 464434
- 2D2B20
- 15150E
- 030302
톤
- EDE9BC
- E0DDB6
- D4D1AF
- C7C5A8
- BBB9A2
- AFAD9B
- A3A294
- 97968D
- 8B8B87
색 조화
보색 +180°
- FAF5C3
Fine Linen
- F0F1FF
≈ Cloud Break
유사색 -30° +30°
- FAF5C3
Fine Linen
- FFF0DD
≈ Candy Floss Cupcake
- E2FCD0
≈ Herbal Vapours
삼각 배색 +120° +240°
- FAF5C3
Fine Linen
- E1F7FF
≈ Glacial Day
- FFECF7
≈ Partial Pink
분열 보색 +150° +210°
- FAF5C3
Fine Linen
- EAF3FF
≈ Moon White
- F8EEFF
≈ Placebo Fuchsia
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.11:1 · APCA Lc 0
Ag
AAA검은색 위
WCAG 18.91:1 · APCA Lc 100
가장 좋은 글자색: #000000
WCAG 18.91:1 (AAA) · APCA Lc 100
Contrast pairs
코드 스니펫
CSS
:root {
--fine-linen: #faf5c3;
--fine-linen-rgb: 250 245 195;
--fine-linen-oklch: oklch(0.962 0.065 102.8);
}
.element {
color: var(--fine-linen);
background-color: hsl(55 85% 87%);
border-color: oklch(0.962 0.065 102.8);
}Tailwind CSS v4
@theme {
--color-fine-linen: #faf5c3;
--color-fine-linen-50: #f8f7e2;
--color-fine-linen-100: #ebead1;
--color-fine-linen-200: #d8d6b7;
--color-fine-linen-300: #bcba94;
--color-fine-linen-400: #a5a074;
--color-fine-linen-500: #8e8855;
--color-fine-linen-600: #787348;
--color-fine-linen-700: #605c3a;
--color-fine-linen-800: #474328;
--color-fine-linen-900: #312e1b;
--color-fine-linen-950: #1d1b0b;
}SCSS
$fine-linen: #faf5c3;
$fine-linen-rgb: 250, 245, 195;
$fine-linen-light: mix(#fff, $fine-linen, 20%);
$fine-linen-dark: mix(#000, $fine-linen, 20%);
.element {
color: $fine-linen;
box-shadow: 0 0 0 2px rgba($fine-linen, 0.35);
}