Colore con nome · #849457
Pretty Maiden
Pretty Maiden è #849457: rgb(132 148 87), hsl(76 26% 46%), oklch(0.639 0.086 120.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Pretty Maiden color name →
#849457
oklch(0.639 0.086 120.9)
Conversioni di colore
- HEX
- #849457
- RGB
- rgb(132 148 87)
- HSL
- hsl(76 26% 46%)
- HWB
- hwb(76 34% 42%)
- OKLCH
- oklch(0.639 0.086 120.9)
- OKLab
- oklab(0.639 -0.044 0.074)
- CIE Lab
- lab(58.92 -13.61 30.19)
- LCH
- lch(58.92 33.12 114.3)
- CMYK
- cmyk(11% 0% 41% 42%)
Tinte · Ombre · Toni
Tinte
- 909E68
- 9BA978
- A7B389
- B3BE99
- BFC9AA
- CCD3BB
- D8DECB
- E5E9DC
- F2F4EE
Ombre
- 72804B
- 606D3E
- 4F5A33
- 3F4827
- 2F361C
- 202612
- 121608
- 060803
- 010100
Toni
- 84925C
- 839061
- 838E65
- 828C69
- 828A6D
- 818871
- 818675
- 818479
- 80827C
Armonie di colore
Complementare +180°
- 849457
Pretty Maiden
- 9480B8
≈ Bravo!
Analogo -30° +30°
- 849457
Pretty Maiden
- 9F8A4B
≈ Yanagicha
- 649B71
≈ Rosemary Green
Triadico +120° +240°
- 849457
Pretty Maiden
- 5993BB
≈ Scuba
- B87589
≈ Strawberry Surprise
Complementare divisa +150° +210°
- 849457
Pretty Maiden
- 7889C1
≈ Larkspur Bouquet
- AA78A4
≈ Orchid Kiss
Tetradico +90° +180° +270°
- 849457
Pretty Maiden
- 429AA9
≈ Rainy Mood
- 9480B8
≈ Bravo!
- BA786C
≈ Döner Kebab
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.30:1 · APCA Lc 60
Ag
AASu nero
WCAG 6.35:1 · APCA Lc 41
Miglior colore del testo: #000000
WCAG 6.35:1 (AA) · APCA Lc 41
Contrast pairs
Frammenti di codice
CSS
:root {
--pretty-maiden: #849457;
--pretty-maiden-rgb: 132 148 87;
--pretty-maiden-oklch: oklch(0.639 0.086 120.9);
}
.element {
color: var(--pretty-maiden);
background-color: hsl(76 26% 46%);
border-color: oklch(0.639 0.086 120.9);
}Tailwind CSS v4
@theme {
--color-pretty-maiden: #849457;
--color-pretty-maiden-50: #f0fadf;
--color-pretty-maiden-100: #e2edce;
--color-pretty-maiden-200: #cddbb2;
--color-pretty-maiden-300: #afbf8e;
--color-pretty-maiden-400: #97a76c;
--color-pretty-maiden-500: #7e8f4b;
--color-pretty-maiden-600: #6a7940;
--color-pretty-maiden-700: #556133;
--color-pretty-maiden-800: #3f4723;
--color-pretty-maiden-900: #2b3117;
--color-pretty-maiden-950: #191d08;
}SCSS
$pretty-maiden: #849457;
$pretty-maiden-rgb: 132, 148, 87;
$pretty-maiden-light: mix(#fff, $pretty-maiden, 20%);
$pretty-maiden-dark: mix(#000, $pretty-maiden, 20%);
.element {
color: $pretty-maiden;
box-shadow: 0 0 0 2px rgba($pretty-maiden, 0.35);
}