이름 색상 · #F1E3CA
Welcoming White
Welcoming White은(는) #F1E3CA: rgb(241 227 202), hsl(38 58% 87%), oklch(0.92 0.036 82.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Welcoming White color name →
#F1E3CA
oklch(0.92 0.036 82.2)
색상 변환
- HEX
- #f1e3ca
- RGB
- rgb(241 227 202)
- HSL
- hsl(38 58% 87%)
- HWB
- hwb(38 79% 5%)
- OKLCH
- oklch(0.92 0.036 82.2)
- OKLab
- oklab(0.92 0.005 0.036)
- CIE Lab
- lab(90.88 1.96 14.07)
- LCH
- lch(90.88 14.2 82.1)
- CMYK
- cmyk(0% 6% 16% 5%)
틴트 · 셰이드 · 톤
틴트
- F2E6CF
- F4E9D5
- F5EBDA
- F7EEDF
- F8F1E4
- F9F4EA
- FBF7EF
- FCF9F4
- FEFCFA
셰이드
- D2C5AF
- B3A895
- 958C7C
- 797164
- 5D574D
- 433F37
- 2B2722
- 14120F
- 030302
톤
- E5D9C2
- D9CEBB
- CEC4B3
- C2BAAC
- B7B0A4
- ACA69D
- A19D96
- 96938E
- 8B8987
색 조화
보색 +180°
- F1E3CA
Welcoming White
- D8E5FE
≈ Veiling Waterfalls
유사색 -30° +30°
- F1E3CA
Welcoming White
- FADFCF
≈ Elizabeth Rose
- E5E8CC
≈ Sunny Summit
삼각 배색 +120° +240°
- F1E3CA
Welcoming White
- CAEDEF
≈ Princess Blue Feather
- F1DDF3
≈ Grape Taffy
분열 보색 +150° +210°
- F1E3CA
Welcoming White
- CEEAF9
≈ Frosty Day
- E5E1FC
≈ Stoic White
사각 배색 +90° +180° +270°
- F1E3CA
Welcoming White
- CDEDE2
≈ Jewel White
- D8E5FE
≈ Veiling Waterfalls
- F9DBE7
≈ Cherry Flower
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.26:1 · APCA Lc 13
Ag
AAA검은색 위
WCAG 16.58:1 · APCA Lc 91
가장 좋은 글자색: #000000
WCAG 16.58:1 (AAA) · APCA Lc 91
Contrast pairs
코드 스니펫
CSS
:root {
--welcoming-white: #f1e3ca;
--welcoming-white-rgb: 241 227 202;
--welcoming-white-oklch: oklch(0.92 0.036 82.2);
}
.element {
color: var(--welcoming-white);
background-color: hsl(38 58% 87%);
border-color: oklch(0.92 0.036 82.2);
}Tailwind CSS v4
@theme {
--color-welcoming-white: #f1e3ca;
--color-welcoming-white-50: #faf5ea;
--color-welcoming-white-100: #eee7db;
--color-welcoming-white-200: #dcd3c3;
--color-welcoming-white-300: #c0b6a3;
--color-welcoming-white-400: #a99d87;
--color-welcoming-white-500: #92846b;
--color-welcoming-white-600: #7c705b;
--color-welcoming-white-700: #635a48;
--color-welcoming-white-800: #494134;
--color-welcoming-white-900: #332d24;
--color-welcoming-white-950: #1e1a12;
}SCSS
$welcoming-white: #f1e3ca;
$welcoming-white-rgb: 241, 227, 202;
$welcoming-white-light: mix(#fff, $welcoming-white, 20%);
$welcoming-white-dark: mix(#000, $welcoming-white, 20%);
.element {
color: $welcoming-white;
box-shadow: 0 0 0 2px rgba($welcoming-white, 0.35);
}