이름 색상 · #A67E4B
Tosty Crust
Tosty Crust은(는) #A67E4B: rgb(166 126 75), hsl(34 38% 47%), oklch(0.621 0.084 72). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Tosty Crust color name →
#A67E4B
oklch(0.621 0.084 72)
색상 변환
- HEX
- #a67e4b
- RGB
- rgb(166 126 75)
- HSL
- hsl(34 38% 47%)
- HWB
- hwb(34 29% 35%)
- OKLCH
- oklch(0.621 0.084 72)
- OKLab
- oklab(0.621 0.026 0.08)
- CIE Lab
- lab(55.96 11.5 33.81)
- LCH
- lch(55.96 35.71 71.2)
- CMYK
- cmyk(0% 24% 55% 35%)
틴트 · 셰이드 · 톤
틴트
- AF8A5D
- B8976F
- C1A481
- CAB092
- D3BDA4
- DBCAB6
- E4D7C8
- EDE4DA
- F6F2EC
셰이드
- 906D40
- 7A5C35
- 654C2B
- 513C21
- 3E2D17
- 2B1F0E
- 1A1106
- 0A0502
- 010100
톤
- A27E51
- 9F7F57
- 9B7F5D
- 977F63
- 938068
- 90806D
- 8C8072
- 888077
- 84807B
색 조화
보색 +180°
- A67E4B
Tosty Crust
- 608AB8
≈ Lichen Blue
유사색 -30° +30°
- A67E4B
Tosty Crust
- B2755E
≈ Weathered Saddle
- 90884A
≈ Warm Wetlands
삼각 배색 +120° +240°
- A67E4B
Tosty Crust
- 3E9793
≈ Sea
- 9778AB
≈ Captivated
분열 보색 +150° +210°
- A67E4B
Tosty Crust
- 4592AB
≈ Enchanted Well
- 7E80B8
≈ Deep Periwinkle
사각 배색 +90° +180° +270°
- A67E4B
Tosty Crust
- 549677
≈ Fake Fern
- 608AB8
≈ Lichen Blue
- AA7295
≈ Teen Queen
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.67:1 · APCA Lc 64
Ag
AA검은색 위
WCAG 5.70:1 · APCA Lc 37
가장 좋은 글자색: #000000
WCAG 5.70:1 (AA) · APCA Lc 37
Contrast pairs
코드 스니펫
CSS
:root {
--tosty-crust: #a67e4b;
--tosty-crust-rgb: 166 126 75;
--tosty-crust-oklch: oklch(0.621 0.084 72);
}
.element {
color: var(--tosty-crust);
background-color: hsl(34 38% 47%);
border-color: oklch(0.621 0.084 72);
}Tailwind CSS v4
@theme {
--color-tosty-crust: #a67e4b;
--color-tosty-crust-50: #fff2db;
--color-tosty-crust-100: #f9e4ca;
--color-tosty-crust-200: #ead0ad;
--color-tosty-crust-300: #d2b288;
--color-tosty-crust-400: #be9766;
--color-tosty-crust-500: #a97d43;
--color-tosty-crust-600: #8f6a3a;
--color-tosty-crust-700: #72542e;
--color-tosty-crust-800: #553d20;
--color-tosty-crust-900: #3b2a15;
--color-tosty-crust-950: #251707;
}SCSS
$tosty-crust: #a67e4b;
$tosty-crust-rgb: 166, 126, 75;
$tosty-crust-light: mix(#fff, $tosty-crust, 20%);
$tosty-crust-dark: mix(#000, $tosty-crust, 20%);
.element {
color: $tosty-crust;
box-shadow: 0 0 0 2px rgba($tosty-crust, 0.35);
}