Adlandırılmış renk · #806240
Graham Crust
Graham Crust, #806240: rgb(128 98 64), hsl(32 33% 38%), oklch(0.518 0.062 69.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Brown mean? → · Graham Crust color name →
#806240
oklch(0.518 0.062 69.2)
Renk dönüşümleri
- HEX
- #806240
- RGB
- rgb(128 98 64)
- HSL
- hsl(32 33% 38%)
- HWB
- hwb(32 25% 50%)
- OKLCH
- oklch(0.518 0.062 69.2)
- OKLab
- oklab(0.518 0.022 0.058)
- CIE Lab
- lab(44.05 9.19 24.2)
- LCH
- lch(44.05 25.89 69.2)
- CMYK
- cmyk(0% 23% 50% 50%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 8C7152
- 998064
- A58F77
- B29E89
- BEAE9C
- CBBEAF
- D8CEC3
- E5DED7
- F2EEEB
Koyu tonlar
- 6E5436
- 5D472D
- 4D3A24
- 3D2D1B
- 2E2113
- 1F160B
- 120B05
- 060301
- 010000
Gri tonlar
- 806547
- 80684D
- 806B54
- 816E5A
- 817161
- 817467
- 80776D
- 807A74
- 807D7A
Renk uyumları
Tamamlayıcı +180°
- 806240
Graham Crust
- 4C6B8B
≈ Revel Blue
Analog -30° +30°
- 806240
Graham Crust
- 885C4D
≈ Carob Brown
- 71693E
≈ Sphagnum Moss
Üçlü +120° +240°
- 806240
Graham Crust
- 397470
≈ Jungle Noises
- 735F84
≈ Mystical Purple
Bölünmüş tamamlayıcı +150° +210°
- 806240
Graham Crust
- 3B7181
≈ Grand Rapids
- 61658C
≈ Twilight Purple
Dörtlü +90° +180° +270°
- 806240
Graham Crust
- 48745C
≈ Green Valley
- 4C6B8B
≈ Revel Blue
- 815A74
≈ Euphoric Magenta
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.61:1 · APCA Lc 78
Ag
FailSiyah üzerinde
WCAG 3.73:1 · APCA Lc 24
En iyi metin rengi: #FFFFFF
WCAG 5.61:1 (AA) · APCA Lc 78
Contrast pairs
Kod parçacıkları
CSS
:root {
--graham-crust: #806240;
--graham-crust-rgb: 128 98 64;
--graham-crust-oklch: oklch(0.518 0.062 69.2);
}
.element {
color: var(--graham-crust);
background-color: hsl(32 33% 38%);
border-color: oklch(0.518 0.062 69.2);
}Tailwind CSS v4
@theme {
--color-graham-crust: #806240;
--color-graham-crust-50: #fff3e2;
--color-graham-crust-100: #f6e5d2;
--color-graham-crust-200: #e6d0b8;
--color-graham-crust-300: #ccb395;
--color-graham-crust-400: #b79877;
--color-graham-crust-500: #a17f58;
--color-graham-crust-600: #886c4b;
--color-graham-crust-700: #6d563c;
--color-graham-crust-800: #513e2b;
--color-graham-crust-900: #382b1d;
--color-graham-crust-950: #23180d;
}SCSS
$graham-crust: #806240;
$graham-crust-rgb: 128, 98, 64;
$graham-crust-light: mix(#fff, $graham-crust, 20%);
$graham-crust-dark: mix(#000, $graham-crust, 20%);
.element {
color: $graham-crust;
box-shadow: 0 0 0 2px rgba($graham-crust, 0.35);
}