Adlandırılmış renk · #907F68
Sandalwood Tan
Sandalwood Tan, #907F68: rgb(144 127 104), hsl(35 16% 49%), oklch(0.606 0.039 75.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Sandalwood Tan color name →
#907F68
oklch(0.606 0.039 75.3)
Renk dönüşümleri
- HEX
- #907f68
- RGB
- rgb(144 127 104)
- HSL
- hsl(35 16% 49%)
- HWB
- hwb(35 41% 44%)
- OKLCH
- oklch(0.606 0.039 75.3)
- OKLab
- oklab(0.606 0.01 0.038)
- CIE Lab
- lab(54.3 3.96 15.06)
- LCH
- lch(54.3 15.58 75.3)
- CMYK
- cmyk(0% 12% 28% 44%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 9B8B76
- A59785
- B0A493
- BBB0A2
- C6BDB1
- D1CAC0
- DDD7D0
- E8E4DF
- F3F2EF
Koyu tonlar
- 7D6E59
- 6A5D4B
- 574C3E
- 453C30
- 342D24
- 241F18
- 15110C
- 070604
- 010100
Gri tonlar
- 8E7F6B
- 8D7F6D
- 8B7F6F
- 8A8072
- 888074
- 868077
- 858079
- 83807B
- 82807E
Renk uyumları
Tamamlayıcı +180°
- 907F68
Sandalwood Tan
- 72839A
≈ Merman
Analog -30° +30°
- 907F68
Sandalwood Tan
- 977B6F
≈ Soft Cocoa
- 858469
≈ Bandicoot
Üçlü +120° +240°
- 907F68
Sandalwood Tan
- 668A89
≈ Tasmanian Sea
- 8B7B92
≈ Dusky Grape
Bölünmüş tamamlayıcı +150° +210°
- 907F68
Sandalwood Tan
- 698794
≈ South Pacific
- 7F7F99
≈ Blue Intrigue
Dörtlü +90° +180° +270°
- 907F68
Sandalwood Tan
- 6C8A7C
≈ Hanging Vine
- 72839A
≈ Merman
- 947987
≈ Muted Berry
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.87:1 · APCA Lc 66
Ag
AASiyah üzerinde
WCAG 5.42:1 · APCA Lc 35
En iyi metin rengi: #000000
WCAG 5.42:1 (AA) · APCA Lc 35
Contrast pairs
Kod parçacıkları
CSS
:root {
--sandalwood-tan: #907f68;
--sandalwood-tan-rgb: 144 127 104;
--sandalwood-tan-oklch: oklch(0.606 0.039 75.3);
}
.element {
color: var(--sandalwood-tan);
background-color: hsl(35 16% 49%);
border-color: oklch(0.606 0.039 75.3);
}Tailwind CSS v4
@theme {
--color-sandalwood-tan: #907f68;
--color-sandalwood-tan-50: #fcf4e9;
--color-sandalwood-tan-100: #efe7da;
--color-sandalwood-tan-200: #ded2c2;
--color-sandalwood-tan-300: #c3b5a2;
--color-sandalwood-tan-400: #ac9c85;
--color-sandalwood-tan-500: #968369;
--color-sandalwood-tan-600: #7f6f59;
--color-sandalwood-tan-700: #655947;
--color-sandalwood-tan-800: #4b4033;
--color-sandalwood-tan-900: #342c23;
--color-sandalwood-tan-950: #1f1912;
}SCSS
$sandalwood-tan: #907f68;
$sandalwood-tan-rgb: 144, 127, 104;
$sandalwood-tan-light: mix(#fff, $sandalwood-tan, 20%);
$sandalwood-tan-dark: mix(#000, $sandalwood-tan, 20%);
.element {
color: $sandalwood-tan;
box-shadow: 0 0 0 2px rgba($sandalwood-tan, 0.35);
}