Couleur nommée la plus proche · #AE864A
#AE864A
Couleur nommée la plus proche: Teak
#AE864A (rgb(174 134 74), hsl(36 40% 49%), oklch(0.646 0.092 76)) est la plus proche de la couleur nommée Teak. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#AE864A
oklch(0.646 0.092 76)
Conversions de couleur
- HEX
- #ae864a
- RGB
- rgb(174 134 74)
- HSL
- hsl(36 40% 49%)
- HWB
- hwb(36 29% 32%)
- OKLCH
- oklch(0.646 0.092 76)
- OKLab
- oklab(0.646 0.022 0.089)
- CIE Lab
- lab(58.9 10.66 38.06)
- LCH
- lch(58.9 39.52 74.4)
- CMYK
- cmyk(0% 23% 57% 32%)
Teintes · Ombres · Tons
Teintes
- B6925D
- BE9E6F
- C6AA81
- CEB693
- D7C2A4
- DFCEB6
- E7DAC8
- EFE6DA
- F7F3ED
Ombres
- 97743F
- 806235
- 6A512A
- 554020
- 413017
- 2E210E
- 1C1306
- 0B0602
- 010100
Tons
- A98651
- A58557
- A0855D
- 9C8463
- 978468
- 93836D
- 8E8272
- 898277
- 85817C
Harmonies de couleurs
Complémentaire +180°
- AE864A
Teak
- 6890C5
≈ Cornflower Blue
Analogue -30° +30°
Triadique +120° +240°
Complémentaire divisée +150° +210°
- AE864A
Teak
- 4799B9
≈ Coastline Blue
- 8986C4
≈ Brocade
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 3.32:1 · APCA Lc 61
Ag
AASur noir
WCAG 6.30:1 · APCA Lc 41
Meilleure couleur de texte: #000000
WCAG 6.30:1 (AA) · APCA Lc 41
Contrast pairs
Extraits de code
CSS
:root {
--teak: #ae864a;
--teak-rgb: 174 134 74;
--teak-oklch: oklch(0.646 0.092 76);
}
.element {
color: var(--teak);
background-color: hsl(36 40% 49%);
border-color: oklch(0.646 0.092 76);
}Tailwind CSS v4
@theme {
--color-teak: #ae864a;
--color-teak-50: #fff3d8;
--color-teak-100: #f9e5c6;
--color-teak-200: #ead0a9;
--color-teak-300: #d2b282;
--color-teak-400: #be975f;
--color-teak-500: #a97d39;
--color-teak-600: #8f6a31;
--color-teak-700: #725527;
--color-teak-800: #553d1b;
--color-teak-900: #3c2a11;
--color-teak-950: #251804;
}SCSS
$teak: #ae864a;
$teak-rgb: 174, 134, 74;
$teak-light: mix(#fff, $teak, 20%);
$teak-dark: mix(#000, $teak, 20%);
.element {
color: $teak;
box-shadow: 0 0 0 2px rgba($teak, 0.35);
}