Colore con nome più vicino · #867717
#867717
Colore con nome più vicino: Peas Please
#867717 (rgb(134 119 23), hsl(52 71% 31%), oklch(0.566 0.11 99.7)) è più vicino al colore con nome Peas Please. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#867717
oklch(0.566 0.11 99.7)
Conversioni di colore
- HEX
- #867717
- RGB
- rgb(134 119 23)
- HSL
- hsl(52 71% 31%)
- HWB
- hwb(52 9% 47%)
- OKLCH
- oklch(0.566 0.11 99.7)
- OKLab
- oklab(0.566 -0.019 0.108)
- CIE Lab
- lab(50.19 -1.57 49.88)
- LCH
- lch(50.19 49.91 91.8)
- CMYK
- cmyk(0% 11% 83% 47%)
Tinte · Ombre · Toni
Tinte
- 918437
- 9D914F
- A89F66
- B4AC7C
- C0BA91
- CDC7A7
- D9D5BD
- E5E3D3
- F2F1E9
Ombre
- 746712
- 62570E
- 51470A
- 403806
- 302A04
- 211C02
- 131001
- 060500
- 010100
Toni
- 85782A
- 857937
- 847A42
- 837B4D
- 837C56
- 827D5F
- 827E68
- 817F70
- 817F78
Armonie di colore
Complementare +180°
- 867717
Peas Please
- 6A6EB6
≈ Chetwode Blue
Analogo -30° +30°
- 867717
Peas Please
- 9F691F
≈ Cinnamon Brown
- 618338
≈ Stamnankáthi Green
Triadico +120° +240°
- 867717
Peas Please
- 0084A0
≈ Blue Arc
- A05B8B
≈ Thimble Red
Complementare divisa +150° +210°
- 867717
Peas Please
- 3E7AB4
≈ Viennese Blue
- 8A63A7
≈ Chive Blossom
Tetradico +90° +180° +270°
- 867717
Peas Please
- 008883
≈ Eyeshadow Turquoise
- 6A6EB6
≈ Chetwode Blue
- AC5968
≈ Ruby Petals
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.50:1 · APCA Lc 71
Ag
AASu nero
WCAG 4.66:1 · APCA Lc 31
Miglior colore del testo: #000000
WCAG 4.66:1 (AA) · APCA Lc 31
Contrast pairs
Frammenti di codice
CSS
:root {
--peas-please: #867717;
--peas-please-rgb: 134 119 23;
--peas-please-oklch: oklch(0.566 0.11 99.7);
}
.element {
color: var(--peas-please);
background-color: hsl(52 71% 31%);
border-color: oklch(0.566 0.11 99.7);
}Tailwind CSS v4
@theme {
--color-peas-please: #867717;
--color-peas-please-50: #fbf7d3;
--color-peas-please-100: #efeac0;
--color-peas-please-200: #ddd7a0;
--color-peas-please-300: #c3ba77;
--color-peas-please-400: #aea04e;
--color-peas-please-500: #98871a;
--color-peas-please-600: #80721a;
--color-peas-please-700: #675b15;
--color-peas-please-800: #4d420c;
--color-peas-please-900: #352e07;
--color-peas-please-950: #211a00;
}SCSS
$peas-please: #867717;
$peas-please-rgb: 134, 119, 23;
$peas-please-light: mix(#fff, $peas-please, 20%);
$peas-please-dark: mix(#000, $peas-please, 20%);
.element {
color: $peas-please;
box-shadow: 0 0 0 2px rgba($peas-please, 0.35);
}