이름 색상 · #F0B069
Barrel
Barrel은(는) #F0B069: rgb(240 176 105), hsl(32 82% 68%), oklch(0.803 0.116 67.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Barrel color name →
#F0B069
oklch(0.803 0.116 67.8)
색상 변환
- HEX
- #f0b069
- RGB
- rgb(240 176 105)
- HSL
- hsl(32 82% 68%)
- HWB
- hwb(32 41% 6%)
- OKLCH
- oklch(0.803 0.116 67.8)
- OKLab
- oklab(0.803 0.044 0.107)
- CIE Lab
- lab(76.9 18.55 45.59)
- LCH
- lch(76.9 49.22 67.9)
- CMYK
- cmyk(0% 27% 56% 6%)
틴트 · 셰이드 · 톤
틴트
- F2B879
- F4C089
- F6C898
- F7D0A7
- F9D8B6
- FAE0C5
- FCE8D3
- FDEFE2
- FEF7F0
셰이드
- D1995A
- B2824C
- 956C3E
- 785631
- 5D4224
- 432E18
- 2A1C0C
- 140B04
- 030100
톤
- E5AB6D
- D9A770
- CEA273
- C39D76
- B79978
- AC947A
- A18F7C
- 968A7E
- 8B857F
색 조화
보색 +180°
- F0B069
Barrel
- 87C5FF
≈ Chromis Damsel Blue
유사색 -30° +30°
- F0B069
Barrel
- FFA488
≈ Orchid Orange
- D3BF63
≈ Mustard Oil
삼각 배색 +120° +240°
- F0B069
Barrel
- 52D6CC
≈ Medium Turquoise
- D3AAF8
≈ Teasel Dipsacus
분열 보색 +150° +210°
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.88:1 · APCA Lc 36
Ag
AAA검은색 위
WCAG 11.11:1 · APCA Lc 67
가장 좋은 글자색: #000000
WCAG 11.11:1 (AAA) · APCA Lc 67
Contrast pairs
코드 스니펫
CSS
:root {
--barrel: #f0b069;
--barrel-rgb: 240 176 105;
--barrel-oklch: oklch(0.803 0.116 67.8);
}
.element {
color: var(--barrel);
background-color: hsl(32 82% 68%);
border-color: oklch(0.803 0.116 67.8);
}Tailwind CSS v4
@theme {
--color-barrel: #f0b069;
--color-barrel-50: #fff0d2;
--color-barrel-100: #ffe2bf;
--color-barrel-200: #f5cc9f;
--color-barrel-300: #dead75;
--color-barrel-400: #cc914e;
--color-barrel-500: #b8751c;
--color-barrel-600: #9b641b;
--color-barrel-700: #7d4f16;
--color-barrel-800: #5d390e;
--color-barrel-900: #412709;
--color-barrel-950: #2a1500;
}SCSS
$barrel: #f0b069;
$barrel-rgb: 240, 176, 105;
$barrel-light: mix(#fff, $barrel, 20%);
$barrel-dark: mix(#000, $barrel, 20%);
.element {
color: $barrel;
box-shadow: 0 0 0 2px rgba($barrel, 0.35);
}