이름 색상 · #F2E6DD
Fantasy
Fantasy은(는) #F2E6DD: rgb(242 230 221), hsl(26 45% 91%), oklch(0.932 0.018 59.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Fantasy color name →
#F2E6DD
oklch(0.932 0.018 59.5)
색상 변환
- HEX
- #f2e6dd
- RGB
- rgb(242 230 221)
- HSL
- hsl(26 45% 91%)
- HWB
- hwb(26 87% 5%)
- OKLCH
- oklch(0.932 0.018 59.5)
- OKLab
- oklab(0.932 0.009 0.015)
- CIE Lab
- lab(92.07 3.09 5.93)
- LCH
- lch(92.07 6.69 62.5)
- CMYK
- cmyk(0% 5% 9% 5%)
틴트 · 셰이드 · 톤
틴트
- F3E8E0
- F5EBE4
- F6EDE7
- F7F0EB
- F9F2EE
- FAF5F1
- FBF7F5
- FCFAF8
- FEFCFC
셰이드
- D2C8C0
- B4ABA4
- 968E88
- 79736E
- 5E5955
- 43403D
- 2B2826
- 141311
- 030302
톤
- E6DBD3
- DAD1CA
- CEC6C0
- C3BCB7
- B7B2AD
- ACA7A4
- A19D9B
- 969492
- 8B8A89
색 조화
보색 +180°
- F2E6DD
Fantasy
- DEEAF3
≈ Freeze Up
유사색 -30° +30°
- F2E6DD
Fantasy
- F4E4E2
≈ Rockabye Baby
- EDE8DB
≈ Hint of Vanilla
삼각 배색 +120° +240°
- F2E6DD
Fantasy
- DDEDE9
≈ Tranquil
- EAE6F3
≈ Tranquil Eve
분열 보색 +150° +210°
- F2E6DD
Fantasy
- DCECEF
≈ Blue Flax
- E4E8F5
≈ Whisper Blue
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.22:1 · APCA Lc 11
Ag
AAA검은색 위
WCAG 17.13:1 · APCA Lc 93
가장 좋은 글자색: #000000
WCAG 17.13:1 (AAA) · APCA Lc 93
Contrast pairs
코드 스니펫
CSS
:root {
--fantasy: #f2e6dd;
--fantasy-rgb: 242 230 221;
--fantasy-oklch: oklch(0.932 0.018 59.5);
}
.element {
color: var(--fantasy);
background-color: hsl(26 45% 91%);
border-color: oklch(0.932 0.018 59.5);
}Tailwind CSS v4
@theme {
--color-fantasy: #f2e6dd;
--color-fantasy-50: #f9f4f0;
--color-fantasy-100: #ece7e2;
--color-fantasy-200: #dad3cd;
--color-fantasy-300: #beb6ae;
--color-fantasy-400: #a79c94;
--color-fantasy-500: #8f847b;
--color-fantasy-600: #796f68;
--color-fantasy-700: #615953;
--color-fantasy-800: #47413c;
--color-fantasy-900: #312d2a;
--color-fantasy-950: #1d1a17;
}SCSS
$fantasy: #f2e6dd;
$fantasy-rgb: 242, 230, 221;
$fantasy-light: mix(#fff, $fantasy, 20%);
$fantasy-dark: mix(#000, $fantasy, 20%);
.element {
color: $fantasy;
box-shadow: 0 0 0 2px rgba($fantasy, 0.35);
}