Colore con nome · #AE6B52
Bear Claw
Bear Claw è #AE6B52: rgb(174 107 82), hsl(16 36% 50%), oklch(0.595 0.094 41.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Bear Claw color name →
#AE6B52
oklch(0.595 0.094 41.1)
Conversioni di colore
- HEX
- #ae6b52
- RGB
- rgb(174 107 82)
- HSL
- hsl(16 36% 50%)
- HWB
- hwb(16 32% 32%)
- OKLCH
- oklch(0.595 0.094 41.1)
- OKLab
- oklab(0.595 0.071 0.062)
- CIE Lab
- lab(52.36 25.54 25.83)
- LCH
- lch(52.36 36.32 45.3)
- CMYK
- cmyk(0% 39% 53% 32%)
Tinte · Ombre · Toni
Tinte
- B77963
- BF8873
- C89684
- D0A595
- D8B4A6
- E0C2B7
- E8D1C9
- F0E0DB
- F8F0ED
Ombre
- 975C46
- 804E3B
- 6A3F2F
- 553225
- 41251A
- 2E1811
- 1C0D08
- 0B0402
- 010000
Toni
- AA6E57
- A6705C
- A17261
- 9D7465
- 99776A
- 94796F
- 8F7B73
- 8A7C77
- 857E7C
Armonie di colore
Complementare +180°
- AE6B52
Bear Claw
- 2E8BA6
≈ Mediterranean Sea
Analogo -30° +30°
- AE6B52
Bear Claw
- AF6671
≈ Berry Crush
- A2753B
≈ Gallant Gold
Triadico +120° +240°
- AE6B52
Bear Claw
- 45906D
≈ Illuminati Green
- 7578B5
≈ Ontario Violet
Complementare divisa +150° +210°
- AE6B52
Bear Claw
- 23908C
≈ Fish Story
- 5382B5
≈ Cyan Azure
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.17:1 · APCA Lc 69
Ag
AASu nero
WCAG 5.02:1 · APCA Lc 33
Miglior colore del testo: #000000
WCAG 5.02:1 (AA) · APCA Lc 33
Contrast pairs
Frammenti di codice
CSS
:root {
--bear-claw: #ae6b52;
--bear-claw-rgb: 174 107 82;
--bear-claw-oklch: oklch(0.595 0.094 41.1);
}
.element {
color: var(--bear-claw);
background-color: hsl(16 36% 50%);
border-color: oklch(0.595 0.094 41.1);
}Tailwind CSS v4
@theme {
--color-bear-claw: #ae6b52;
--color-bear-claw-50: #ffede0;
--color-bear-claw-100: #ffdfcf;
--color-bear-claw-200: #f8c8b5;
--color-bear-claw-300: #e1a891;
--color-bear-claw-400: #ce8c73;
--color-bear-claw-500: #ba7054;
--color-bear-claw-600: #9d5f48;
--color-bear-claw-700: #7e4c39;
--color-bear-claw-800: #5e3729;
--color-bear-claw-900: #42251c;
--color-bear-claw-950: #2a140c;
}SCSS
$bear-claw: #ae6b52;
$bear-claw-rgb: 174, 107, 82;
$bear-claw-light: mix(#fff, $bear-claw, 20%);
$bear-claw-dark: mix(#000, $bear-claw, 20%);
.element {
color: $bear-claw;
box-shadow: 0 0 0 2px rgba($bear-claw, 0.35);
}