Colore con nome · #7F5D3B
Japanese Iris
Japanese Iris è #7F5D3B: rgb(127 93 59), hsl(30 37% 36%), oklch(0.506 0.066 65.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Japanese Iris color name →
#7F5D3B
oklch(0.506 0.066 65.4)
Conversioni di colore
- HEX
- #7f5d3b
- RGB
- rgb(127 93 59)
- HSL
- hsl(30 37% 36%)
- HWB
- hwb(30 23% 50%)
- OKLCH
- oklch(0.506 0.066 65.4)
- OKLab
- oklab(0.506 0.027 0.06)
- CIE Lab
- lab(42.51 11.18 25.14)
- LCH
- lch(42.51 27.52 66)
- CMYK
- cmyk(0% 27% 54% 50%)
Tinte · Ombre · Toni
Tinte
- 8B6C4E
- 987B60
- A58B73
- B19B86
- BEAB99
- CBBBAD
- D8CCC1
- E5DDD5
- F2EEEA
Ombre
- 6E5032
- 5D4329
- 4C3721
- 3C2A19
- 2D1F11
- 1F1409
- 110A04
- 060301
- 010000
Toni
- 7F6142
- 80644A
- 806851
- 806B58
- 806F5E
- 807265
- 80766C
- 807973
- 807D79
Armonie di colore
Complementare +180°
- 7F5D3B
Japanese Iris
- 446988
≈ Team Spirit
Analogo -30° +30°
- 7F5D3B
Japanese Iris
- 86574B
≈ Potter’s Rock
- 706537
≈ Himalaya
Triadico +120° +240°
- 7F5D3B
Japanese Iris
- 32716A
≈ Jungle Noises
- 6E5B83
≈ Mystical
Complementare divisa +150° +210°
- 7F5D3B
Japanese Iris
- 326E7D
≈ Tlāloc Blue
- 5A628B
≈ Karmic Grape
Tetradico +90° +180° +270°
- 7F5D3B
Japanese Iris
- 447054
≈ Fairway
- 446988
≈ Team Spirit
- 7D5674
≈ Magnificence
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.94:1 · APCA Lc 80
Ag
FailSu nero
WCAG 3.53:1 · APCA Lc 22
Miglior colore del testo: #FFFFFF
WCAG 5.94:1 (AA) · APCA Lc 80
Contrast pairs
Frammenti di codice
CSS
:root {
--japanese-iris: #7f5d3b;
--japanese-iris-rgb: 127 93 59;
--japanese-iris-oklch: oklch(0.506 0.066 65.4);
}
.element {
color: var(--japanese-iris);
background-color: hsl(30 37% 36%);
border-color: oklch(0.506 0.066 65.4);
}Tailwind CSS v4
@theme {
--color-japanese-iris: #7f5d3b;
--color-japanese-iris-50: #fff2e2;
--color-japanese-iris-100: #f7e4d1;
--color-japanese-iris-200: #e8d0b7;
--color-japanese-iris-300: #cfb294;
--color-japanese-iris-400: #ba9775;
--color-japanese-iris-500: #a57d57;
--color-japanese-iris-600: #8b6a4a;
--color-japanese-iris-700: #70553b;
--color-japanese-iris-800: #533d2a;
--color-japanese-iris-900: #3a2a1c;
--color-japanese-iris-950: #24180c;
}SCSS
$japanese-iris: #7f5d3b;
$japanese-iris-rgb: 127, 93, 59;
$japanese-iris-light: mix(#fff, $japanese-iris, 20%);
$japanese-iris-dark: mix(#000, $japanese-iris, 20%);
.element {
color: $japanese-iris;
box-shadow: 0 0 0 2px rgba($japanese-iris, 0.35);
}