Benoemde kleur · #A67A45
Driftwood
Driftwood is #A67A45: rgb(166 122 69), hsl(33 41% 46%), oklch(0.612 0.089 70). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Orange mean? → · Driftwood color name →
#A67A45
oklch(0.612 0.089 70)
Kleurconversies
- HEX
- #a67a45
- RGB
- rgb(166 122 69)
- HSL
- hsl(33 41% 46%)
- HWB
- hwb(33 27% 35%)
- OKLCH
- oklch(0.612 0.089 70)
- OKLab
- oklab(0.612 0.03 0.084)
- CIE Lab
- lab(54.86 13.27 35.7)
- LCH
- lch(54.86 38.09 69.6)
- CMYK
- cmyk(0% 27% 58% 35%)
Tinten · Schaduwen · Tonen
Tinten
- AF8758
- B8946A
- C1A17D
- CAAE8F
- D3BBA1
- DCC9B4
- E4D6C6
- EDE4D9
- F6F1EC
Schaduwen
- 90693B
- 7A5931
- 654927
- 513A1E
- 3E2B15
- 2B1D0C
- 1A1005
- 0A0502
- 010100
Tonen
- A27B4C
- 9F7C53
- 9B7C59
- 977D5F
- 947E65
- 907E6B
- 8C7F70
- 887F76
- 84807B
Kleurharmonieën
Complementair +180°
- A67A45
Driftwood
- 5988B7
≈ Blue Smart
Analoog -30° +30°
- A67A45
Driftwood
- B2715A
≈ Copper Beech
- 908542
≈ Eden Prairie
Triadisch +120° +240°
- A67A45
Driftwood
- 34958F
≈ Azure Tide
- 9475AC
≈ Romantic Moment
Gesplitst complementair +150° +210°
- A67A45
Driftwood
- 3A90A9
≈ Blue Moon
- 797EB8
≈ Astro Zinger
Tetradisch +90° +180° +270°
- A67A45
Driftwood
- 4F9471
≈ Good Luck
- 5988B7
≈ Blue Smart
- A86E95
≈ Violetta
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 3.82:1 · APCA Lc 66
Ag
AAOp zwart
WCAG 5.49:1 · APCA Lc 36
Beste tekstkleur: #000000
WCAG 5.49:1 (AA) · APCA Lc 36
Contrast pairs
Codefragmenten
CSS
:root {
--driftwood: #a67a45;
--driftwood-rgb: 166 122 69;
--driftwood-oklch: oklch(0.612 0.089 70);
}
.element {
color: var(--driftwood);
background-color: hsl(33 41% 46%);
border-color: oklch(0.612 0.089 70);
}Tailwind CSS v4
@theme {
--color-driftwood: #a67a45;
--color-driftwood-50: #fff2da;
--color-driftwood-100: #fbe4c8;
--color-driftwood-200: #edcfab;
--color-driftwood-300: #d4b185;
--color-driftwood-400: #c09563;
--color-driftwood-500: #ac7b3f;
--color-driftwood-600: #916837;
--color-driftwood-700: #74532b;
--color-driftwood-800: #573c1e;
--color-driftwood-900: #3d2914;
--color-driftwood-950: #261706;
}SCSS
$driftwood: #a67a45;
$driftwood-rgb: 166, 122, 69;
$driftwood-light: mix(#fff, $driftwood, 20%);
$driftwood-dark: mix(#000, $driftwood, 20%);
.element {
color: $driftwood;
box-shadow: 0 0 0 2px rgba($driftwood, 0.35);
}