이름 색상 · #F0E483
Halakā Pīlā
Halakā Pīlā은(는) #F0E483: rgb(240 228 131), hsl(53 78% 73%), oklch(0.908 0.119 102.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Halakā Pīlā color name →
#F0E483
oklch(0.908 0.119 102.2)
색상 변환
- HEX
- #f0e483
- RGB
- rgb(240 228 131)
- HSL
- hsl(53 78% 73%)
- HWB
- hwb(53 51% 6%)
- OKLCH
- oklch(0.908 0.119 102.2)
- OKLab
- oklab(0.908 -0.025 0.117)
- CIE Lab
- lab(90.04 -5.29 48.58)
- LCH
- lch(90.04 48.86 96.2)
- CMYK
- cmyk(0% 5% 45% 6%)
틴트 · 셰이드 · 톤
틴트
- F1E791
- F3EA9E
- F4EDAB
- F6EFB8
- F7F2C4
- F9F5D0
- FAF7DC
- FCFAE8
- FDFDF3
셰이드
- D1C671
- B2A960
- 958D4F
- 78723F
- 5D582F
- 433F20
- 2A2812
- 141206
- 030301
톤
- E4DA84
- D8CF85
- CDC585
- C1BB86
- B6B185
- ABA785
- A09D84
- 959383
- 8A8A82
색 조화
보색 +180°
- F0E483
Halakā Pīlā
- DBDEFF
≈ Transparent Blue
유사색 -30° +30°
- F0E483
Halakā Pīlā
- FFDAAC
≈ Peach Cider
- C3F29E
≈ Snappy Green
삼각 배색 +120° +240°
- F0E483
Halakā Pīlā
- B3EBFF
≈ Beyond the Clouds
- FFD1EC
≈ Shampoo
분열 보색 +150° +210°
- F0E483
Halakā Pīlā
- CCE3FF
≈ Fresh Water
- EFD5FF
≈ Rose Dragée
사각 배색 +90° +180° +270°
- F0E483
Halakā Pīlā
- 72FAF5
≈ Ancient Ice
- DBDEFF
≈ Transparent Blue
- FFD4D8
≈ Pink Fluorite
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.30:1 · APCA Lc 15
Ag
AAA검은색 위
WCAG 16.13:1 · APCA Lc 89
가장 좋은 글자색: #000000
WCAG 16.13:1 (AAA) · APCA Lc 89
Contrast pairs
코드 스니펫
CSS
:root {
--halaka-pila: #f0e483;
--halaka-pila-rgb: 240 228 131;
--halaka-pila-oklch: oklch(0.908 0.119 102.2);
}
.element {
color: var(--halaka-pila);
background-color: hsl(53 78% 73%);
border-color: oklch(0.908 0.119 102.2);
}Tailwind CSS v4
@theme {
--color-halaka-pila: #f0e483;
--color-halaka-pila-50: #faf8d1;
--color-halaka-pila-100: #eeebbd;
--color-halaka-pila-200: #dcd79c;
--color-halaka-pila-300: #c1bb71;
--color-halaka-pila-400: #aca145;
--color-halaka-pila-500: #968800;
--color-halaka-pila-600: #7f7306;
--color-halaka-pila-700: #665c08;
--color-halaka-pila-800: #4c4302;
--color-halaka-pila-900: #352e03;
--color-halaka-pila-950: #201b00;
}SCSS
$halaka-pila: #f0e483;
$halaka-pila-rgb: 240, 228, 131;
$halaka-pila-light: mix(#fff, $halaka-pila, 20%);
$halaka-pila-dark: mix(#000, $halaka-pila, 20%);
.element {
color: $halaka-pila;
box-shadow: 0 0 0 2px rgba($halaka-pila, 0.35);
}