Cor nomeada · #AF937D
Sandrift
Sandrift é #AF937D: rgb(175 147 125), hsl(26 24% 59%), oklch(0.683 0.046 60.1). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Sandrift color name →
#AF937D
oklch(0.683 0.046 60.1)
Conversões de cor
- HEX
- #af937d
- RGB
- rgb(175 147 125)
- HSL
- hsl(26 24% 59%)
- HWB
- hwb(26 49% 31%)
- OKLCH
- oklch(0.683 0.046 60.1)
- OKLab
- oklab(0.683 0.023 0.04)
- CIE Lab
- lab(63.09 8.34 15.8)
- LCH
- lch(63.09 17.87 62.2)
- CMYK
- cmyk(0% 16% 29% 31%)
Tons claros · Sombras · Tons
Tons claros
- B79D89
- BFA896
- C7B2A3
- CFBDAF
- D7C8BC
- DFD3C9
- E7DED7
- EFE9E4
- F7F4F1
Sombras
- 987F6C
- 816C5B
- 6B594B
- 56473B
- 41362C
- 2E251E
- 1C1611
- 0B0805
- 010101
Tons
- AA917D
- A68F7E
- A18D7E
- 9C8C7F
- 978A7F
- 93887F
- 8E867F
- 898480
- 858280
Harmonias de cor
Complementar +180°
- AF937D
Sandrift
- 809EB3
≈ Office Blue
Análoga -30° +30°
- AF937D
Sandrift
- B48F88
≈ Brandy Snaps
- A49879
≈ Olive Chutney
Tríade +120° +240°
- AF937D
Sandrift
- 7AA39A
≈ Twining Vine
- 9D93B2
≈ Compliment
Complementar dividida +150° +210°
- AF937D
Sandrift
- 78A1A9
≈ Seascape
- 8E98B6
≈ Vintage Ribbon
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.87:1 · APCA Lc 55
Ag
AAASobre preto
WCAG 7.29:1 · APCA Lc 47
Melhor cor de texto: #000000
WCAG 7.29:1 (AAA) · APCA Lc 47
Contrast pairs
Trechos de código
CSS
:root {
--sandrift: #af937d;
--sandrift-rgb: 175 147 125;
--sandrift-oklch: oklch(0.683 0.046 60.1);
}
.element {
color: var(--sandrift);
background-color: hsl(26 24% 59%);
border-color: oklch(0.683 0.046 60.1);
}Tailwind CSS v4
@theme {
--color-sandrift: #af937d;
--color-sandrift-50: #fff3e8;
--color-sandrift-100: #f4e5d9;
--color-sandrift-200: #e3d0c1;
--color-sandrift-300: #c9b3a0;
--color-sandrift-400: #b39984;
--color-sandrift-500: #9d7f68;
--color-sandrift-600: #856c58;
--color-sandrift-700: #6b5646;
--color-sandrift-800: #4f3f33;
--color-sandrift-900: #372b22;
--color-sandrift-950: #221812;
}SCSS
$sandrift: #af937d;
$sandrift-rgb: 175, 147, 125;
$sandrift-light: mix(#fff, $sandrift, 20%);
$sandrift-dark: mix(#000, $sandrift, 20%);
.element {
color: $sandrift;
box-shadow: 0 0 0 2px rgba($sandrift, 0.35);
}