Colore con nome · #778120
Pacifika
Pacifika è #778120: rgb(119 129 32), hsl(66 60% 32%), oklch(0.576 0.118 115.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Pacifika color name →
#778120
oklch(0.576 0.118 115.4)
Conversioni di colore
- HEX
- #778120
- RGB
- rgb(119 129 32)
- HSL
- hsl(66 60% 32%)
- HWB
- hwb(66 13% 49%)
- OKLCH
- oklch(0.576 0.118 115.4)
- OKLab
- oklab(0.576 -0.05 0.106)
- CIE Lab
- lab(51.76 -13.32 47.61)
- LCH
- lch(51.76 49.44 105.6)
- CMYK
- cmyk(8% 0% 75% 49%)
Tinte · Ombre · Toni
Tinte
- 838D3C
- 909A54
- 9DA66A
- AAB37F
- B8BF94
- C6CCA9
- D4D8BE
- E2E5D4
- F0F2E9
Ombre
- 676F1A
- 575E15
- 474E0F
- 383E0A
- 2A2E06
- 1C1F03
- 101201
- 050600
- 010100
Toni
- 788130
- 78813C
- 798146
- 7A8150
- 7B8159
- 7C8161
- 7D8169
- 7E8171
- 7F8079
Armonie di colore
Complementare +180°
- 778120
Pacifika
- 7F69B7
≈ Lavish Spending
Analogo -30° +30°
- 778120
Pacifika
- 997301
≈ Glazed Chestnut
- 478B4C
≈ Underclover
Triadico +120° +240°
- 778120
Pacifika
- 1483B5
≈ Lucario Blue
- AE597C
≈ Indian Pink
Complementare divisa +150° +210°
- 778120
Pacifika
- 5776BF
≈ Diva Violet
- 9C5F9F
≈ Heath Spotted Orchid
Tetradico +90° +180° +270°
- 778120
Pacifika
- 008995
≈ Zuni
- 7F69B7
≈ Lavish Spending
- B45B55
≈ Wild Poppy
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.24:1 · APCA Lc 69
Ag
AASu nero
WCAG 4.94:1 · APCA Lc 32
Miglior colore del testo: #000000
WCAG 4.94:1 (AA) · APCA Lc 32
Contrast pairs
Frammenti di codice
CSS
:root {
--pacifika: #778120;
--pacifika-rgb: 119 129 32;
--pacifika-oklch: oklch(0.576 0.118 115.4);
}
.element {
color: var(--pacifika);
background-color: hsl(66 60% 32%);
border-color: oklch(0.576 0.118 115.4);
}Tailwind CSS v4
@theme {
--color-pacifika: #778120;
--color-pacifika-50: #f2fad4;
--color-pacifika-100: #e4eec2;
--color-pacifika-200: #d0dca2;
--color-pacifika-300: #b2c079;
--color-pacifika-400: #9ca750;
--color-pacifika-500: #848f20;
--color-pacifika-600: #6f791e;
--color-pacifika-700: #596118;
--color-pacifika-800: #43460d;
--color-pacifika-900: #2e3108;
--color-pacifika-950: #1b1d00;
}SCSS
$pacifika: #778120;
$pacifika-rgb: 119, 129, 32;
$pacifika-light: mix(#fff, $pacifika, 20%);
$pacifika-dark: mix(#000, $pacifika, 20%);
.element {
color: $pacifika;
box-shadow: 0 0 0 2px rgba($pacifika, 0.35);
}