Adlandırılmış renk · #A68370
Roebuck
Roebuck, #A68370: rgb(166 131 112), hsl(21 23% 55%), oklch(0.638 0.051 49.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Roebuck color name →
#A68370
oklch(0.638 0.051 49.9)
Renk dönüşümleri
- HEX
- #a68370
- RGB
- rgb(166 131 112)
- HSL
- hsl(21 23% 55%)
- HWB
- hwb(21 44% 35%)
- OKLCH
- oklch(0.638 0.051 49.9)
- OKLab
- oklab(0.638 0.033 0.039)
- CIE Lab
- lab(57.79 11.81 15.7)
- LCH
- lch(57.79 19.65 53)
- CMYK
- cmyk(0% 21% 33% 35%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- AF8F7E
- B89B8B
- C1A799
- C9B3A7
- D2BFB5
- DBCCC4
- E4D9D2
- EDE5E1
- F6F2F0
Koyu tonlar
- 907160
- 7A6051
- 654F43
- 513F35
- 3E2F27
- 2B201A
- 1A120E
- 0A0604
- 010101
Gri tonlar
- A28372
- 9F8373
- 9B8275
- 978277
- 938278
- 90817A
- 8C817C
- 88817D
- 84807F
Renk uyumları
Tamamlayıcı +180°
- A68370
Roebuck
- 6B92A5
≈ Wave Jumper
Analog -30° +30°
- A68370
Roebuck
- A9807F
≈ Jupiter Brown
- 9C8968
≈ Iced Cappuccino
Üçlü +120° +240°
- A68370
Roebuck
- 6C9687
≈ Up North
- 8B87A9
≈ Purple Hills
Bölünmüş tamamlayıcı +150° +210°
- A68370
Roebuck
- 669598
≈ Vintage Teal
- 7A8DAB
≈ Evening Hush
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.44:1 · APCA Lc 62
Ag
AASiyah üzerinde
WCAG 6.10:1 · APCA Lc 40
En iyi metin rengi: #000000
WCAG 6.10:1 (AA) · APCA Lc 40
Contrast pairs
Kod parçacıkları
CSS
:root {
--roebuck: #a68370;
--roebuck-rgb: 166 131 112;
--roebuck-oklch: oklch(0.638 0.051 49.9);
}
.element {
color: var(--roebuck);
background-color: hsl(21 23% 55%);
border-color: oklch(0.638 0.051 49.9);
}Tailwind CSS v4
@theme {
--color-roebuck: #a68370;
--color-roebuck-50: #fff1e8;
--color-roebuck-100: #f7e4d9;
--color-roebuck-200: #e7cfc1;
--color-roebuck-300: #ceb1a0;
--color-roebuck-400: #b89684;
--color-roebuck-500: #a37d68;
--color-roebuck-600: #8a6a58;
--color-roebuck-700: #6e5446;
--color-roebuck-800: #523d33;
--color-roebuck-900: #392a23;
--color-roebuck-950: #231812;
}SCSS
$roebuck: #a68370;
$roebuck-rgb: 166, 131, 112;
$roebuck-light: mix(#fff, $roebuck, 20%);
$roebuck-dark: mix(#000, $roebuck, 20%);
.element {
color: $roebuck;
box-shadow: 0 0 0 2px rgba($roebuck, 0.35);
}