En yakın adlandırılmış renk · #8F9200
#8F9200
En yakın adlandırılmış renk: Papyrus
#8F9200 (rgb(143 146 0), hsl(61 100% 29%), oklch(0.636 0.14 111.2)) en çok Papyrus adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#8F9200
oklch(0.636 0.14 111.2)
Renk dönüşümleri
- HEX
- #8f9200
- RGB
- rgb(143 146 0)
- HSL
- hsl(61 100% 29%)
- HWB
- hwb(61 0% 43%)
- OKLCH
- oklch(0.636 0.14 111.2)
- OKLab
- oklab(0.636 -0.051 0.131)
- CIE Lab
- lab(58.71 -11.74 61.31)
- LCH
- lch(58.71 62.42 100.8)
- CMYK
- cmyk(2% 0% 100% 43%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 999D34
- A4A850
- AFB368
- BABE7E
- C5C894
- D0D3A9
- DBDEBF
- E7E9D4
- F3F4E9
Koyu tonlar
- 7C7E00
- 696B00
- 575800
- 454600
- 343500
- 242500
- 151600
- 070800
- 010100
Gri tonlar
- 8D9024
- 8C8F36
- 8A8D43
- 888C4E
- 878A58
- 858861
- 848669
- 838471
- 818279
Renk uyumları
Tamamlayıcı +180°
- 8F9200
Papyrus
- 8D79D9
≈ Matt Purple
Analog -30° +30°
- 8F9200
Papyrus
- B38100
≈ Arrowwood
- 569F4B
≈ Golf Course
Üçlü +120° +240°
- 8F9200
Papyrus
- 0098CA
≈ UV Light
- C96495
≈ Nocturnal Rose
Bölünmüş tamamlayıcı +150° +210°
- 8F9200
Papyrus
- 5989DF
≈ Blue Jay
- B16CBE
≈ Lavendless
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.34:1 · APCA Lc 61
Ag
AASiyah üzerinde
WCAG 6.27:1 · APCA Lc 41
En iyi metin rengi: #000000
WCAG 6.27:1 (AA) · APCA Lc 41
Contrast pairs
Kod parçacıkları
CSS
:root {
--papyrus: #8f9200;
--papyrus-rgb: 143 146 0;
--papyrus-oklch: oklch(0.636 0.14 111.2);
}
.element {
color: var(--papyrus);
background-color: hsl(61 100% 29%);
border-color: oklch(0.636 0.14 111.2);
}Tailwind CSS v4
@theme {
--color-papyrus: #8f9200;
--color-papyrus-50: #f5facc;
--color-papyrus-100: #e7eeb8;
--color-papyrus-200: #d4db95;
--color-papyrus-300: #b7bf68;
--color-papyrus-400: #a2a635;
--color-papyrus-500: #8b8d00;
--color-papyrus-600: #757800;
--color-papyrus-700: #5e6000;
--color-papyrus-800: #464600;
--color-papyrus-900: #313000;
--color-papyrus-950: #1d1c00;
}SCSS
$papyrus: #8f9200;
$papyrus-rgb: 143, 146, 0;
$papyrus-light: mix(#fff, $papyrus, 20%);
$papyrus-dark: mix(#000, $papyrus, 20%);
.element {
color: $papyrus;
box-shadow: 0 0 0 2px rgba($papyrus, 0.35);
}