이름 색상 · #F6E6CB
Magnolia Spray
Magnolia Spray은(는) #F6E6CB: rgb(246 230 203), hsl(38 70% 88%), oklch(0.931 0.04 80.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Magnolia Spray color name →
#F6E6CB
oklch(0.931 0.04 80.9)
색상 변환
- HEX
- #f6e6cb
- RGB
- rgb(246 230 203)
- HSL
- hsl(38 70% 88%)
- HWB
- hwb(38 80% 4%)
- OKLCH
- oklch(0.931 0.04 80.9)
- OKLab
- oklab(0.931 0.006 0.039)
- CIE Lab
- lab(92.07 2.46 15.28)
- LCH
- lch(92.07 15.47 80.8)
- CMYK
- cmyk(0% 7% 17% 4%)
틴트 · 셰이드 · 톤
틴트
- F7E9D0
- F8EBD5
- F9EEDB
- FAF0E0
- FBF3E5
- FBF5EA
- FCF8EF
- FDFAF5
- FEFDFA
셰이드
- D6C8B0
- B7AB96
- 988E7D
- 7B7365
- 5F594D
- 454037
- 2C2822
- 15130F
- 030302
톤
- EADBC3
- DDD1BC
- D1C6B4
- C5BCAC
- B9B2A5
- AEA89D
- A29D96
- 96948F
- 8B8A87
색 조화
보색 +180°
- F6E6CB
Magnolia Spray
- DCE9FF
≈ Cloudless
유사색 -30° +30°
- F6E6CB
Magnolia Spray
- FFE1D1
≈ Powdered Peach
- E9EBCD
≈ Bite the Bullet
삼각 배색 +120° +240°
- F6E6CB
Magnolia Spray
- CAF1F3
≈ Diamond League
- F5E0F9
≈ Minute Mauve
분열 보색 +150° +210°
- F6E6CB
Magnolia Spray
- CEEEFE
≈ Blue Hijab
- E8E5FF
≈ Lavender Mist
사각 배색 +90° +180° +270°
- F6E6CB
Magnolia Spray
- CFF1E4
≈ Light Shutterbug
- DCE9FF
≈ Cloudless
- FEDEEB
≈ Baby Girl
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.22:1 · APCA Lc 11
Ag
AAA검은색 위
WCAG 17.09:1 · APCA Lc 93
가장 좋은 글자색: #000000
WCAG 17.09:1 (AAA) · APCA Lc 93
Contrast pairs
코드 스니펫
CSS
:root {
--magnolia-spray: #f6e6cb;
--magnolia-spray-rgb: 246 230 203;
--magnolia-spray-oklch: oklch(0.931 0.04 80.9);
}
.element {
color: var(--magnolia-spray);
background-color: hsl(38 70% 88%);
border-color: oklch(0.931 0.04 80.9);
}Tailwind CSS v4
@theme {
--color-magnolia-spray: #f6e6cb;
--color-magnolia-spray-50: #fbf4e9;
--color-magnolia-spray-100: #eee7d9;
--color-magnolia-spray-200: #ddd3c2;
--color-magnolia-spray-300: #c1b6a1;
--color-magnolia-spray-400: #ab9c84;
--color-magnolia-spray-500: #948469;
--color-magnolia-spray-600: #7d7059;
--color-magnolia-spray-700: #645947;
--color-magnolia-spray-800: #4a4133;
--color-magnolia-spray-900: #332d23;
--color-magnolia-spray-950: #1f1a12;
}SCSS
$magnolia-spray: #f6e6cb;
$magnolia-spray-rgb: 246, 230, 203;
$magnolia-spray-light: mix(#fff, $magnolia-spray, 20%);
$magnolia-spray-dark: mix(#000, $magnolia-spray, 20%);
.element {
color: $magnolia-spray;
box-shadow: 0 0 0 2px rgba($magnolia-spray, 0.35);
}