Colore con nome · #974F49
Rembrandt Ruby
Rembrandt Ruby è #974F49: rgb(151 79 73), hsl(5 35% 44%), oklch(0.513 0.097 26). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Rembrandt Ruby color name →
#974F49
oklch(0.513 0.097 26)
Conversioni di colore
- HEX
- #974f49
- RGB
- rgb(151 79 73)
- HSL
- hsl(5 35% 44%)
- HWB
- hwb(5 29% 41%)
- OKLCH
- oklch(0.513 0.097 26)
- OKLab
- oklab(0.513 0.088 0.043)
- CIE Lab
- lab(42.6 30.26 17.81)
- LCH
- lch(42.6 35.11 30.5)
- CMYK
- cmyk(0% 48% 52% 41%)
Tinte · Ombre · Toni
Tinte
- A2605A
- AD716B
- B8827C
- C3938E
- CDA5A0
- D8B6B2
- E2C8C5
- ECDAD8
- F5EDEB
Ombre
- 83443E
- 6F3834
- 5C2E2A
- 492320
- 371917
- 26100E
- 170706
- 080202
- 010000
Toni
- 96544F
- 945A54
- 925F5A
- 90645F
- 8E6965
- 8C6E6A
- 897270
- 867775
- 837B7B
Armonie di colore
Complementare +180°
- 974F49
Rembrandt Ruby
- 007580
≈ Night Scape
Analogo -30° +30°
- 974F49
Rembrandt Ruby
- 924E69
≈ Glitterati
- 91572A
≈ Sugar Almond
Triadico +120° +240°
- 974F49
Rembrandt Ruby
- 3F7644
≈ Autumn Crocodile
- 4C659F
≈ Starstruck
Complementare divisa +150° +210°
- 974F49
Rembrandt Ruby
- 007965
≈ Shady Glade
- 206F97
≈ Blue Oasis
Tetradico +90° +180° +270°
- 974F49
Rembrandt Ruby
- 646E24
≈ Fiji Green
- 007580
≈ Night Scape
- 6C5A98
≈ Just a Fairytale
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.94:1 · APCA Lc 79
Ag
FailSu nero
WCAG 3.53:1 · APCA Lc 22
Miglior colore del testo: #FFFFFF
WCAG 5.94:1 (AA) · APCA Lc 79
Contrast pairs
Frammenti di codice
CSS
:root {
--rembrandt-ruby: #974f49;
--rembrandt-ruby-rgb: 151 79 73;
--rembrandt-ruby-oklch: oklch(0.513 0.097 26);
}
.element {
color: var(--rembrandt-ruby);
background-color: hsl(5 35% 44%);
border-color: oklch(0.513 0.097 26);
}Tailwind CSS v4
@theme {
--color-rembrandt-ruby: #974f49;
--color-rembrandt-ruby-50: #ffebe6;
--color-rembrandt-ruby-100: #ffdcd6;
--color-rembrandt-ruby-200: #fbc5bd;
--color-rembrandt-ruby-300: #e5a59c;
--color-rembrandt-ruby-400: #d28880;
--color-rembrandt-ruby-500: #be6b64;
--color-rembrandt-ruby-600: #a15b55;
--color-rembrandt-ruby-700: #814944;
--color-rembrandt-ruby-800: #603432;
--color-rembrandt-ruby-900: #432422;
--color-rembrandt-ruby-950: #2b1211;
}SCSS
$rembrandt-ruby: #974f49;
$rembrandt-ruby-rgb: 151, 79, 73;
$rembrandt-ruby-light: mix(#fff, $rembrandt-ruby, 20%);
$rembrandt-ruby-dark: mix(#000, $rembrandt-ruby, 20%);
.element {
color: $rembrandt-ruby;
box-shadow: 0 0 0 2px rgba($rembrandt-ruby, 0.35);
}