Colore con nome più vicino · #735661
#735661
Colore con nome più vicino: Royal Fig
#735661 (rgb(115 86 97), hsl(337 14% 39%), oklch(0.487 0.042 354.1)) è più vicino al colore con nome Royal Fig. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#735661
oklch(0.487 0.042 354.1)
Conversioni di colore
- HEX
- #735661
- RGB
- rgb(115 86 97)
- HSL
- hsl(337 14% 39%)
- HWB
- hwb(337 34% 55%)
- OKLCH
- oklch(0.487 0.042 354.1)
- OKLab
- oklab(0.487 0.041 -0.004)
- CIE Lab
- lab(39.93 13.77 -1.47)
- LCH
- lch(39.93 13.85 353.9)
- CMYK
- cmyk(0% 25% 16% 55%)
Tinte · Ombre · Toni
Tinte
- 80656F
- 8E757E
- 9C858D
- A9969D
- B7A7AD
- C5B8BD
- D4C9CD
- E2DBDD
- F0EDEE
Ombre
- 634A53
- 543E46
- 453239
- 36272D
- 281C21
- 1B1215
- 0F080B
- 050203
- 010000
Toni
- 755A64
- 765E67
- 77626A
- 79676D
- 7A6B70
- 7B6F73
- 7D7377
- 7E787A
- 7F7C7D
Armonie di colore
Complementare +180°
- 735661
Royal Fig
- 46675E
≈ Grand Prix
Analogo -30° +30°
- 735661
Royal Fig
- 6C586D
≈ Dark Purple Grey
- 755754
≈ Brown Ridge
Triadico +120° +240°
- 735661
Royal Fig
- 5F6247
≈ Old Botanical Garden
- 486474
≈ Winter Evening
Complementare divisa +150° +210°
- 735661
Royal Fig
- 516651
≈ Equestrian Green
- 43676A
≈ Walk Me Home
Tetradico +90° +180° +270°
- 735661
Royal Fig
- 6B5E44
≈ Ochicha Latte
- 46675E
≈ Grand Prix
- 546078
≈ Nightly
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.49:1 · APCA Lc 82
Ag
FailSu nero
WCAG 3.23:1 · APCA Lc 20
Miglior colore del testo: #FFFFFF
WCAG 6.49:1 (AA) · APCA Lc 82
Contrast pairs
Frammenti di codice
CSS
:root {
--royal-fig: #735661;
--royal-fig-rgb: 115 86 97;
--royal-fig-oklch: oklch(0.487 0.042 354.1);
}
.element {
color: var(--royal-fig);
background-color: hsl(337 14% 39%);
border-color: oklch(0.487 0.042 354.1);
}Tailwind CSS v4
@theme {
--color-royal-fig: #735661;
--color-royal-fig-50: #fff0f5;
--color-royal-fig-100: #f4e2e8;
--color-royal-fig-200: #e4cdd5;
--color-royal-fig-300: #caafb8;
--color-royal-fig-400: #b395a0;
--color-royal-fig-500: #9d7b88;
--color-royal-fig-600: #856873;
--color-royal-fig-700: #6a535c;
--color-royal-fig-800: #4e3d44;
--color-royal-fig-900: #362a2f;
--color-royal-fig-950: #21171b;
}SCSS
$royal-fig: #735661;
$royal-fig-rgb: 115, 86, 97;
$royal-fig-light: mix(#fff, $royal-fig, 20%);
$royal-fig-dark: mix(#000, $royal-fig, 20%);
.element {
color: $royal-fig;
box-shadow: 0 0 0 2px rgba($royal-fig, 0.35);
}