Adlandırılmış renk · #C7A06C
Bleached Maple
Bleached Maple, #C7A06C: rgb(199 160 108), hsl(34 45% 60%), oklch(0.73 0.083 73.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? → · Bleached Maple color name →
#C7A06C
oklch(0.73 0.083 73.9)
Renk dönüşümleri
- HEX
- #c7a06c
- RGB
- rgb(199 160 108)
- HSL
- hsl(34 45% 60%)
- HWB
- hwb(34 42% 22%)
- OKLCH
- oklch(0.73 0.083 73.9)
- OKLab
- oklab(0.73 0.023 0.079)
- CIE Lab
- lab(68.62 9.98 32.81)
- LCH
- lch(68.62 34.29 73.1)
- CMYK
- cmyk(0% 20% 46% 22%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- CDA97B
- D2B38A
- D8BC98
- DEC6A7
- E3CFB5
- E9D9C4
- EEE2D3
- F4ECE1
- FAF5F0
Koyu tonlar
- AD8B5D
- 93764E
- 7A6140
- 624E32
- 4C3B25
- 362919
- 21190D
- 0E0904
- 020100
Gri tonlar
- C09D6F
- B99A71
- B19774
- AA9376
- A39078
- 9C8D7A
- 958A7C
- 8E877D
- 87837F
Renk uyumları
Tamamlayıcı +180°
- C7A06C
Bleached Maple
- 83ABDB
≈ Swift
Analog -30° +30°
- C7A06C
Bleached Maple
- D4977D
≈ Tropical Blooms
- B0AA6C
≈ Natchez Moss
Üçlü +120° +240°
- C7A06C
Bleached Maple
- 63B8B7
≈ Swim
- BB98CC
≈ Amethyst Show
Bölünmüş tamamlayıcı +150° +210°
- C7A06C
Bleached Maple
- 6AB3CE
≈ Charter
- A1A1DA
≈ Simply Violet
Dörtlü +90° +180° +270°
- C7A06C
Bleached Maple
- 75B89A
≈ Mountain Lake Green
- 83ABDB
≈ Swift
- CD93B4
≈ Moonlit Mauve
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.42:1 · APCA Lc 48
Ag
AAASiyah üzerinde
WCAG 8.67:1 · APCA Lc 54
En iyi metin rengi: #000000
WCAG 8.67:1 (AAA) · APCA Lc 54
Contrast pairs
Kod parçacıkları
CSS
:root {
--bleached-maple: #c7a06c;
--bleached-maple-rgb: 199 160 108;
--bleached-maple-oklch: oklch(0.73 0.083 73.9);
}
.element {
color: var(--bleached-maple);
background-color: hsl(34 45% 60%);
border-color: oklch(0.73 0.083 73.9);
}Tailwind CSS v4
@theme {
--color-bleached-maple: #c7a06c;
--color-bleached-maple-50: #fff3dc;
--color-bleached-maple-100: #f8e5ca;
--color-bleached-maple-200: #e9d0ad;
--color-bleached-maple-300: #d0b288;
--color-bleached-maple-400: #bc9767;
--color-bleached-maple-500: #a77e44;
--color-bleached-maple-600: #8d6a3a;
--color-bleached-maple-700: #71552e;
--color-bleached-maple-800: #543e20;
--color-bleached-maple-900: #3b2a15;
--color-bleached-maple-950: #251807;
}SCSS
$bleached-maple: #c7a06c;
$bleached-maple-rgb: 199, 160, 108;
$bleached-maple-light: mix(#fff, $bleached-maple, 20%);
$bleached-maple-dark: mix(#000, $bleached-maple, 20%);
.element {
color: $bleached-maple;
box-shadow: 0 0 0 2px rgba($bleached-maple, 0.35);
}