이름 색상 · #FCFCDE
Flayed One
Flayed One은(는) #FCFCDE: rgb(252 252 222), hsl(60 83% 93%), oklch(0.983 0.039 107.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Flayed One color name →
#FCFCDE
oklch(0.983 0.039 107.1)
색상 변환
- HEX
- #fcfcde
- RGB
- rgb(252 252 222)
- HSL
- hsl(60 83% 93%)
- HWB
- hwb(60 87% 1%)
- OKLCH
- oklch(0.983 0.039 107.1)
- OKLab
- oklab(0.983 -0.011 0.037)
- CIE Lab
- lab(98.38 -3.68 14.44)
- LCH
- lch(98.38 14.9 104.3)
- CMYK
- cmyk(0% 0% 12% 1%)
틴트 · 셰이드 · 톤
틴트
- FCFCE1
- FDFDE5
- FDFDE8
- FDFDEB
- FDFEEF
- FEFEF2
- FEFEF5
- FEFEF8
- FFFFFC
셰이드
- DBDBC1
- BBBBA5
- 9C9C89
- 7E7E6F
- 626255
- 47473D
- 2D2D26
- 161612
- 030302
톤
- EFEFD4
- E2E2CB
- D5D5C1
- C9C9B7
- BCBCAE
- B0B0A5
- A4A49B
- 979892
- 8C8C89
색 조화
보색 +180°
- FCFCDE
Flayed One
- F9F9FF
≈ Ghost White
유사색 -30° +30°
- FCFCDE
Flayed One
- FFF9EF
≈ Satin Purse
- F0FFEA
≈ Crème de Menthe
삼각 배색 +120° +240°
- FCFCDE
Flayed One
- F3FBFF
≈ Heart of Ice
- FFF7FB
≈ Cold Snow
분열 보색 +150° +210°
- FCFCDE
Flayed One
- F6FAFF
≈ Heart of Ice
- FDF7FF
≈ Cold Snow
사각 배색 +90° +180° +270°
- FCFCDE
Flayed One
- E8FFFF
≈ Bubbles
- F9F9FF
≈ Ghost White
- FFF7F7
≈ Sea Salt Sherbet
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.04:1 · APCA Lc 0
Ag
AAA검은색 위
WCAG 20.11:1 · APCA Lc 105
가장 좋은 글자색: #000000
WCAG 20.11:1 (AAA) · APCA Lc 105
Contrast pairs
코드 스니펫
CSS
:root {
--flayed-one: #fcfcde;
--flayed-one-rgb: 252 252 222;
--flayed-one-oklch: oklch(0.983 0.039 107.1);
}
.element {
color: var(--flayed-one);
background-color: hsl(60 83% 93%);
border-color: oklch(0.983 0.039 107.1);
}Tailwind CSS v4
@theme {
--color-flayed-one: #fcfcde;
--color-flayed-one-50: #f6f6ea;
--color-flayed-one-100: #e8e9db;
--color-flayed-one-200: #d5d6c3;
--color-flayed-one-300: #b8b9a3;
--color-flayed-one-400: #a1a086;
--color-flayed-one-500: #89886a;
--color-flayed-one-600: #74735a;
--color-flayed-one-700: #5c5c48;
--color-flayed-one-800: #444334;
--color-flayed-one-900: #2f2e23;
--color-flayed-one-950: #1c1b12;
}SCSS
$flayed-one: #fcfcde;
$flayed-one-rgb: 252, 252, 222;
$flayed-one-light: mix(#fff, $flayed-one, 20%);
$flayed-one-dark: mix(#000, $flayed-one, 20%);
.element {
color: $flayed-one;
box-shadow: 0 0 0 2px rgba($flayed-one, 0.35);
}