Adlandırılmış renk · #B27A47
Rocky Racoon
Rocky Racoon, #B27A47: rgb(178 122 71), hsl(29 43% 49%), oklch(0.626 0.097 61.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? → · Rocky Racoon color name →
#B27A47
oklch(0.626 0.097 61.9)
Renk dönüşümleri
- HEX
- #b27a47
- RGB
- rgb(178 122 71)
- HSL
- hsl(29 43% 49%)
- HWB
- hwb(29 28% 30%)
- OKLCH
- oklch(0.626 0.097 61.9)
- OKLab
- oklab(0.626 0.046 0.086)
- CIE Lab
- lab(56.33 18.6 36.78)
- LCH
- lch(56.33 41.22 63.2)
- CMYK
- cmyk(0% 31% 60% 30%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- BA875A
- C2946C
- CAA17E
- D2AE90
- DABCA2
- E1C9B5
- E9D6C7
- F0E4DA
- F8F1EC
Koyu tonlar
- 9A693D
- 835932
- 6D4928
- 573A1F
- 432B16
- 2F1D0D
- 1D1006
- 0C0502
- 010100
Gri tonlar
- AD7B4E
- A97C55
- A47D5B
- 9F7D61
- 9A7E66
- 957E6C
- 907F71
- 8B7F76
- 85807B
Renk uyumları
Tamamlayıcı +180°
- B27A47
Rocky Racoon
- 4E8FBE
≈ Blueberry Festival
Analog -30° +30°
- B27A47
Rocky Racoon
- BB7163
≈ Azalea Pot
- 9D863C
≈ Sedge Grasses
Üçlü +120° +240°
- B27A47
Rocky Racoon
- 329B8C
≈ Temple Guard Blue
- 937AB9
≈ Royal Raul
Bölünmüş tamamlayıcı +150° +210°
- B27A47
Rocky Racoon
- 2C97AA
≈ Aqua Dance
- 7384C3
≈ Violets Are Blue
Dörtlü +90° +180° +270°
- B27A47
Rocky Racoon
- 58996A
≈ Endless
- 4E8FBE
≈ Blueberry Festival
- AA72A2
≈ Orchid Kiss
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.64:1 · APCA Lc 64
Ag
AASiyah üzerinde
WCAG 5.76:1 · APCA Lc 38
En iyi metin rengi: #000000
WCAG 5.76:1 (AA) · APCA Lc 38
Contrast pairs
Kod parçacıkları
CSS
:root {
--rocky-racoon: #b27a47;
--rocky-racoon-rgb: 178 122 71;
--rocky-racoon-oklch: oklch(0.626 0.097 61.9);
}
.element {
color: var(--rocky-racoon);
background-color: hsl(29 43% 49%);
border-color: oklch(0.626 0.097 61.9);
}Tailwind CSS v4
@theme {
--color-rocky-racoon: #b27a47;
--color-rocky-racoon-50: #fff0d9;
--color-rocky-racoon-100: #ffe2c7;
--color-rocky-racoon-200: #f2ccaa;
--color-rocky-racoon-300: #dbad83;
--color-rocky-racoon-400: #c89161;
--color-rocky-racoon-500: #b4763c;
--color-rocky-racoon-600: #986434;
--color-rocky-racoon-700: #7a5029;
--color-rocky-racoon-800: #5b3a1d;
--color-rocky-racoon-900: #402813;
--color-rocky-racoon-950: #281505;
}SCSS
$rocky-racoon: #b27a47;
$rocky-racoon-rgb: 178, 122, 71;
$rocky-racoon-light: mix(#fff, $rocky-racoon, 20%);
$rocky-racoon-dark: mix(#000, $rocky-racoon, 20%);
.element {
color: $rocky-racoon;
box-shadow: 0 0 0 2px rgba($rocky-racoon, 0.35);
}