Benoemde kleur · #A67E4B
Tosty Crust
Tosty Crust is #A67E4B: rgb(166 126 75), hsl(34 38% 47%), oklch(0.621 0.084 72). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Orange mean? → · Tosty Crust color name →
#A67E4B
oklch(0.621 0.084 72)
Kleurconversies
- 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%)
Tinten · Schaduwen · Tonen
Tinten
- AF8A5D
- B8976F
- C1A481
- CAB092
- D3BDA4
- DBCAB6
- E4D7C8
- EDE4DA
- F6F2EC
Schaduwen
- 906D40
- 7A5C35
- 654C2B
- 513C21
- 3E2D17
- 2B1F0E
- 1A1106
- 0A0502
- 010100
Tonen
- A27E51
- 9F7F57
- 9B7F5D
- 977F63
- 938068
- 90806D
- 8C8072
- 888077
- 84807B
Kleurharmonieën
Complementair +180°
- A67E4B
Tosty Crust
- 608AB8
≈ Lichen Blue
Analoog -30° +30°
- A67E4B
Tosty Crust
- B2755E
≈ Weathered Saddle
- 90884A
≈ Warm Wetlands
Triadisch +120° +240°
- A67E4B
Tosty Crust
- 3E9793
≈ Sea
- 9778AB
≈ Captivated
Gesplitst complementair +150° +210°
- A67E4B
Tosty Crust
- 4592AB
≈ Enchanted Well
- 7E80B8
≈ Deep Periwinkle
Tetradisch +90° +180° +270°
- A67E4B
Tosty Crust
- 549677
≈ Fake Fern
- 608AB8
≈ Lichen Blue
- AA7295
≈ Teen Queen
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 3.67:1 · APCA Lc 64
Ag
AAOp zwart
WCAG 5.70:1 · APCA Lc 37
Beste tekstkleur: #000000
WCAG 5.70:1 (AA) · APCA Lc 37
Contrast pairs
Codefragmenten
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);
}