Couleur nommée la plus proche · #AD814C
#AD814C
Couleur nommée la plus proche: Tosty Crust
#AD814C (rgb(173 129 76), hsl(33 39% 49%), oklch(0.635 0.089 70.2)) est la plus proche de la couleur nommée Tosty Crust. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#AD814C
oklch(0.635 0.089 70.2)
Conversions de couleur
- HEX
- #ad814c
- RGB
- rgb(173 129 76)
- HSL
- hsl(33 39% 49%)
- HWB
- hwb(33 30% 32%)
- OKLCH
- oklch(0.635 0.089 70.2)
- OKLab
- oklab(0.635 0.03 0.083)
- CIE Lab
- lab(57.53 13 35.39)
- LCH
- lch(57.53 37.7 69.8)
- CMYK
- cmyk(0% 25% 56% 32%)
Teintes · Ombres · Tons
Teintes
- B58D5E
- BE9A70
- C6A682
- CEB293
- D6BFA5
- DECCB7
- E7D8C8
- EFE5DA
- F7F2ED
Ombres
- 966F41
- 7F5E36
- 6A4E2C
- 553E22
- 412E18
- 2D1F0F
- 1B1206
- 0B0602
- 010100
Tons
- A98152
- A48158
- A0815E
- 9B8163
- 978169
- 92816E
- 8E8172
- 898177
- 85807C
Harmonies de couleurs
Complémentaire +180°
- AD814C
Tosty Crust
- 608FBF
≈ Cliff Blue
Analogue -30° +30°
- AD814C
Tosty Crust
- B97861
≈ Myrtle Pepper
- 978C49
≈ Retro Avocado
Triadique +120° +240°
- AD814C
Tosty Crust
- 3D9C97
≈ Dreamy Teal
- 9B7BB3
≈ English Lavender
Complémentaire divisée +150° +210°
- AD814C
Tosty Crust
- 4397B0
≈ Alpine Lake
- 8085C0
≈ Deep Periwinkle
Tétradique +90° +180° +270°
- AD814C
Tosty Crust
- 569B78
≈ Sea Cabbage
- 608FBF
≈ Cliff Blue
- AF759B
≈ So Long Shadow
Contraste et accessibilité
Ag
FailSur blanc
WCAG 3.48:1 · APCA Lc 62
Ag
AASur noir
WCAG 6.02:1 · APCA Lc 39
Meilleure couleur de texte: #000000
WCAG 6.02:1 (AA) · APCA Lc 39
Contrast pairs
Extraits de code
CSS
:root {
--tosty-crust: #ad814c;
--tosty-crust-rgb: 173 129 76;
--tosty-crust-oklch: oklch(0.635 0.089 70.2);
}
.element {
color: var(--tosty-crust);
background-color: hsl(33 39% 49%);
border-color: oklch(0.635 0.089 70.2);
}Tailwind CSS v4
@theme {
--color-tosty-crust: #ad814c;
--color-tosty-crust-50: #fff2da;
--color-tosty-crust-100: #fbe4c8;
--color-tosty-crust-200: #eccfab;
--color-tosty-crust-300: #d4b185;
--color-tosty-crust-400: #c09563;
--color-tosty-crust-500: #ab7b3f;
--color-tosty-crust-600: #916937;
--color-tosty-crust-700: #74542b;
--color-tosty-crust-800: #573c1e;
--color-tosty-crust-900: #3c2914;
--color-tosty-crust-950: #261706;
}SCSS
$tosty-crust: #ad814c;
$tosty-crust-rgb: 173, 129, 76;
$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);
}