이름 색상 · #A67C08
Hornet Yellow
Hornet Yellow은(는) #A67C08: rgb(166 124 8), hsl(44 91% 34%), oklch(0.611 0.124 84.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Hornet Yellow color name →
#A67C08
oklch(0.611 0.124 84.3)
색상 변환
- HEX
- #a67c08
- RGB
- rgb(166 124 8)
- HSL
- hsl(44 91% 34%)
- HWB
- hwb(44 3% 35%)
- OKLCH
- oklch(0.611 0.124 84.3)
- OKLab
- oklab(0.611 0.012 0.123)
- CIE Lab
- lab(55.02 10.25 58.78)
- LCH
- lch(55.02 59.67 80.1)
- CMYK
- cmyk(0% 25% 95% 35%)
틴트 · 셰이드 · 톤
틴트
- AF8934
- B8964F
- C1A366
- C9B07C
- D2BD92
- DBCAA8
- E4D7BE
- EDE4D3
- F6F2E9
셰이드
- 906B06
- 7A5A04
- 654A03
- 513B02
- 3E2C01
- 2B1E01
- 1A1100
- 0A0500
- 010100
톤
- A27D25
- 9F7E35
- 9B7E42
- 977F4D
- 937F57
- 8F8060
- 8C8068
- 888070
- 848078
색 조화
보색 +180°
- A67C08
Hornet Yellow
- 5E81CE
≈ Bodega Bay
유사색 -30° +30°
- A67C08
Hornet Yellow
- BC6D32
≈ Lucky Penny
- 838B24
≈ Buffy Citrine
삼각 배색 +120° +240°
- A67C08
Hornet Yellow
- 0095A0
≈ Tile Blue
- A868AD
≈ Iris Orchid
분열 보색 +150° +210°
- A67C08
Hornet Yellow
- 158EC2
≈ Parrotfish Blue
- 8873C6
≈ True V
사각 배색 +90° +180° +270°
- A67C08
Hornet Yellow
- 009A7F
≈ Paolo Veronese Green
- 5E81CE
≈ Bodega Bay
- BC6288
≈ Malevolent Mauve
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.81:1 · APCA Lc 65
Ag
AA검은색 위
WCAG 5.50:1 · APCA Lc 36
가장 좋은 글자색: #000000
WCAG 5.50:1 (AA) · APCA Lc 36
Contrast pairs
코드 스니펫
CSS
:root {
--hornet-yellow: #a67c08;
--hornet-yellow-rgb: 166 124 8;
--hornet-yellow-oklch: oklch(0.611 0.124 84.3);
}
.element {
color: var(--hornet-yellow);
background-color: hsl(44 91% 34%);
border-color: oklch(0.611 0.124 84.3);
}Tailwind CSS v4
@theme {
--color-hornet-yellow: #a67c08;
--color-hornet-yellow-50: #fff4ce;
--color-hornet-yellow-100: #fae6b9;
--color-hornet-yellow-200: #ecd197;
--color-hornet-yellow-300: #d3b36b;
--color-hornet-yellow-400: #c0983d;
--color-hornet-yellow-500: #ac7d00;
--color-hornet-yellow-600: #916a00;
--color-hornet-yellow-700: #755500;
--color-hornet-yellow-800: #573d00;
--color-hornet-yellow-900: #3d2a00;
--color-hornet-yellow-950: #261700;
}SCSS
$hornet-yellow: #a67c08;
$hornet-yellow-rgb: 166, 124, 8;
$hornet-yellow-light: mix(#fff, $hornet-yellow, 20%);
$hornet-yellow-dark: mix(#000, $hornet-yellow, 20%);
.element {
color: $hornet-yellow;
box-shadow: 0 0 0 2px rgba($hornet-yellow, 0.35);
}