Nazwany kolor · #AF937D
Sandrift
Sandrift to #AF937D: rgb(175 147 125), hsl(26 24% 59%), oklch(0.683 0.046 60.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Sandrift color name →
#AF937D
oklch(0.683 0.046 60.1)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B79D89
- BFA896
- C7B2A3
- CFBDAF
- D7C8BC
- DFD3C9
- E7DED7
- EFE9E4
- F7F4F1
Odcienie ciemniejsze
- 987F6C
- 816C5B
- 6B594B
- 56473B
- 41362C
- 2E251E
- 1C1611
- 0B0805
- 010101
Tony
- AA917D
- A68F7E
- A18D7E
- 9C8C7F
- 978A7F
- 93887F
- 8E867F
- 898480
- 858280
Harmonie kolorów
Komplementarna +180°
- AF937D
Sandrift
- 809EB3
≈ Office Blue
Analogowa -30° +30°
- AF937D
Sandrift
- B48F88
≈ Brandy Snaps
- A49879
≈ Olive Chutney
Triada +120° +240°
- AF937D
Sandrift
- 7AA39A
≈ Twining Vine
- 9D93B2
≈ Compliment
Komplementarna rozszczepiona +150° +210°
- AF937D
Sandrift
- 78A1A9
≈ Seascape
- 8E98B6
≈ Vintage Ribbon
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.87:1 · APCA Lc 55
Ag
AAANa czerni
WCAG 7.29:1 · APCA Lc 47
Najlepszy kolor tekstu: #000000
WCAG 7.29:1 (AAA) · APCA Lc 47
Contrast pairs
Fragmenty kodu
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);
}