이름 색상 · #F2FF26
Aromatic Lemon
Aromatic Lemon은(는) #F2FF26: rgb(242 255 38), hsl(64 100% 57%), oklch(0.958 0.208 113.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Aromatic Lemon color name →
#F2FF26
oklch(0.958 0.208 113.5)
색상 변환
- HEX
- #f2ff26
- RGB
- rgb(242 255 38)
- HSL
- hsl(64 100% 57%)
- HWB
- hwb(64 15% 0%)
- OKLCH
- oklch(0.958 0.208 113.5)
- OKLab
- oklab(0.958 -0.083 0.191)
- CIE Lab
- lab(96.64 -20.63 88.08)
- LCH
- lch(96.64 90.46 103.2)
- CMYK
- cmyk(5% 0% 85% 0%)
틴트 · 셰이드 · 톤
틴트
- F3FF54
- F4FF70
- F5FF87
- F6FF9C
- F7FFAE
- F9FFC0
- FAFFD0
- FCFFE0
- FDFFF0
셰이드
- D2DE20
- B4BE19
- 969E13
- 79800D
- 5E6308
- 434804
- 2B2E02
- 141601
- 030300
톤
- E6F242
- DAE553
- CED85E
- C2CB68
- B7BF6F
- ABB274
- A0A578
- 95997C
- 8A8C7E
색 조화
보색 +180°
- F2FF26
Aromatic Lemon
- F1EFFF
≈ Foundation White
유사색 -30° +30°
- F2FF26
Aromatic Lemon
- FFF0D2
≈ Amarillo Bebito
- D4FFD2
≈ Herbal Vapours
삼각 배색 +120° +240°
- F2FF26
Aromatic Lemon
- E3F4FF
≈ Kodama White
- FFEBF2
≈ Fairy Wings
분열 보색 +150° +210°
- F2FF26
Aromatic Lemon
- EAF2FF
≈ Moon White
- FDEAFF
≈ Fairy Bubblegum Cloud
사각 배색 +90° +180° +270°
- F2FF26
Aromatic Lemon
- CFFBFF
≈ Pale Blue
- F1EFFF
≈ Foundation White
- FFECEB
≈ Rose Frost
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.09:1 · APCA Lc 0
Ag
AAA검은색 위
WCAG 19.10:1 · APCA Lc 101
가장 좋은 글자색: #000000
WCAG 19.10:1 (AAA) · APCA Lc 101
Contrast pairs
코드 스니펫
CSS
:root {
--aromatic-lemon: #f2ff26;
--aromatic-lemon-rgb: 242 255 38;
--aromatic-lemon-oklch: oklch(0.958 0.208 113.5);
}
.element {
color: var(--aromatic-lemon);
background-color: hsl(64 100% 57%);
border-color: oklch(0.958 0.208 113.5);
}Tailwind CSS v4
@theme {
--color-aromatic-lemon: #f2ff26;
--color-aromatic-lemon-50: #f2fdb8;
--color-aromatic-lemon-100: #e5f1a0;
--color-aromatic-lemon-200: #d1df72;
--color-aromatic-lemon-300: #b4c329;
--color-aromatic-lemon-400: #a0a900;
--color-aromatic-lemon-500: #899000;
--color-aromatic-lemon-600: #747a00;
--color-aromatic-lemon-700: #5d6200;
--color-aromatic-lemon-800: #474700;
--color-aromatic-lemon-900: #313100;
--color-aromatic-lemon-950: #1d1d00;
}SCSS
$aromatic-lemon: #f2ff26;
$aromatic-lemon-rgb: 242, 255, 38;
$aromatic-lemon-light: mix(#fff, $aromatic-lemon, 20%);
$aromatic-lemon-dark: mix(#000, $aromatic-lemon, 20%);
.element {
color: $aromatic-lemon;
box-shadow: 0 0 0 2px rgba($aromatic-lemon, 0.35);
}