이름 색상 · #F1F1C6
Spring Sun
Spring Sun은(는) #F1F1C6: rgb(241 241 198), hsl(60 61% 86%), oklch(0.947 0.056 107.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Spring Sun color name →
#F1F1C6
oklch(0.947 0.056 107.4)
색상 변환
- HEX
- #f1f1c6
- RGB
- rgb(241 241 198)
- HSL
- hsl(60 61% 86%)
- HWB
- hwb(60 78% 5%)
- OKLCH
- oklch(0.947 0.056 107.4)
- OKLab
- oklab(0.947 -0.017 0.053)
- CIE Lab
- lab(94.34 -5.15 20.89)
- LCH
- lch(94.34 21.51 103.8)
- CMYK
- cmyk(0% 0% 18% 5%)
틴트 · 셰이드 · 톤
틴트
- F2F2CC
- F4F4D2
- F5F5D7
- F6F7DD
- F8F8E3
- F9FAE8
- FBFBEE
- FCFCF4
- FEFEF9
셰이드
- D2D2AC
- B3B392
- 95957A
- 797962
- 5D5D4B
- 434335
- 2B2B21
- 14140E
- 030302
톤
- E5E5BF
- D9D9B8
- CECEB1
- C2C2AA
- B7B7A3
- ACAC9C
- A0A195
- 95968E
- 8B8B87
색 조화
보색 +180°
- F1F1C6
Spring Sun
- ECEBFF
≈ Placebo Purple
유사색 -30° +30°
- F1F1C6
Spring Sun
- FFEACD
≈ Blanched Almond
- DCF7D3
≈ Frosted Garden
삼각 배색 +120° +240°
- F1F1C6
Spring Sun
- D8F3FF
≈ Wizard White
- FFE5F2
≈ Cherubic
분열 보색 +150° +210°
- F1F1C6
Spring Sun
- E3EFFF
≈ Brilliant White
- F9E6FF
≈ Soft Lavender
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.15:1 · APCA Lc 7
Ag
AAA검은색 위
WCAG 18.13:1 · APCA Lc 97
가장 좋은 글자색: #000000
WCAG 18.13:1 (AAA) · APCA Lc 97
Contrast pairs
코드 스니펫
CSS
:root {
--spring-sun: #f1f1c6;
--spring-sun-rgb: 241 241 198;
--spring-sun-oklch: oklch(0.947 0.056 107.4);
}
.element {
color: var(--spring-sun);
background-color: hsl(60 61% 86%);
border-color: oklch(0.947 0.056 107.4);
}Tailwind CSS v4
@theme {
--color-spring-sun: #f1f1c6;
--color-spring-sun-50: #f6f7e5;
--color-spring-sun-100: #e9ead5;
--color-spring-sun-200: #d5d7bc;
--color-spring-sun-300: #b9ba9a;
--color-spring-sun-400: #a1a17b;
--color-spring-sun-500: #8a895d;
--color-spring-sun-600: #75744f;
--color-spring-sun-700: #5d5d3f;
--color-spring-sun-800: #45442d;
--color-spring-sun-900: #302f1e;
--color-spring-sun-950: #1c1b0e;
}SCSS
$spring-sun: #f1f1c6;
$spring-sun-rgb: 241, 241, 198;
$spring-sun-light: mix(#fff, $spring-sun, 20%);
$spring-sun-dark: mix(#000, $spring-sun, 20%);
.element {
color: $spring-sun;
box-shadow: 0 0 0 2px rgba($spring-sun, 0.35);
}