이름 색상 · #F2F27A
Sunny
Sunny은(는) #F2F27A: rgb(242 242 122), hsl(60 82% 71%), oklch(0.937 0.143 108.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Sunny color name →
#F2F27A
oklch(0.937 0.143 108.9)
색상 변환
- HEX
- #f2f27a
- RGB
- rgb(242 242 122)
- HSL
- hsl(60 82% 71%)
- HWB
- hwb(60 48% 5%)
- OKLCH
- oklch(0.937 0.143 108.9)
- OKLab
- oklab(0.937 -0.046 0.135)
- CIE Lab
- lab(93.71 -11.62 57.09)
- LCH
- lch(93.71 58.26 101.5)
- CMYK
- cmyk(0% 0% 50% 5%)
틴트 · 셰이드 · 톤
틴트
- F3F48A
- F4F599
- F5F7A7
- F7F8B5
- F8F9C2
- F9FBCE
- FBFCDB
- FCFDE7
- FDFEF3
셰이드
- D2D269
- B4B459
- 969649
- 79793A
- 5E5E2B
- 43431D
- 2B2B10
- 141405
- 030301
톤
- E6E67D
- DADB7F
- CECF81
- C2C382
- B7B883
- ACAD83
- A0A183
- 959682
- 8B8B81
색 조화
보색 +180°
- F2F27A
Sunny
- E9E7FF
≈ Cyber Lavender
유사색 -30° +30°
- F2F27A
Sunny
- FFE7C1
≈ Candle Glow
- BFFFAD
≈ Sour Green Cherry
삼각 배색 +120° +240°
- F2F27A
Sunny
- D1F0FF
≈ Blue Hijab
- FFE1EE
≈ Pale Blossom
분열 보색 +150° +210°
- F2F27A
Sunny
- DEEBFF
≈ Husky
- F8E1FF
≈ Sugarpills
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.18:1 · APCA Lc 9
Ag
AAA검은색 위
WCAG 17.75:1 · APCA Lc 95
가장 좋은 글자색: #000000
WCAG 17.75:1 (AAA) · APCA Lc 95
Contrast pairs
코드 스니펫
CSS
:root {
--sunny: #f2f27a;
--sunny-rgb: 242 242 122;
--sunny-oklch: oklch(0.937 0.143 108.9);
}
.element {
color: var(--sunny);
background-color: hsl(60 82% 71%);
border-color: oklch(0.937 0.143 108.9);
}Tailwind CSS v4
@theme {
--color-sunny: #f2f27a;
--color-sunny-50: #f6facb;
--color-sunny-100: #e9edb6;
--color-sunny-200: #d6da93;
--color-sunny-300: #bbbe64;
--color-sunny-400: #a6a42e;
--color-sunny-500: #8f8c00;
--color-sunny-600: #797600;
--color-sunny-700: #615f00;
--color-sunny-800: #494500;
--color-sunny-900: #323000;
--color-sunny-950: #1e1c00;
}SCSS
$sunny: #f2f27a;
$sunny-rgb: 242, 242, 122;
$sunny-light: mix(#fff, $sunny, 20%);
$sunny-dark: mix(#000, $sunny, 20%);
.element {
color: $sunny;
box-shadow: 0 0 0 2px rgba($sunny, 0.35);
}