Dichtstbijzijnde benoemde kleur · #939800
#939800
Dichtstbijzijnde benoemde kleur: Papyrus
#939800 (rgb(147 152 0), hsl(62 100% 30%), oklch(0.654 0.145 112.1)) komt het dichtst bij de benoemde kleur Papyrus. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#939800
oklch(0.654 0.145 112.1)
Kleurconversies
- HEX
- #939800
- RGB
- rgb(147 152 0)
- HSL
- hsl(62 100% 30%)
- HWB
- hwb(62 0% 40%)
- OKLCH
- oklch(0.654 0.145 112.1)
- OKLab
- oklab(0.654 -0.054 0.134)
- CIE Lab
- lab(60.78 -12.92 62.94)
- LCH
- lch(60.78 64.25 101.6)
- CMYK
- cmyk(3% 0% 100% 40%)
Tinten · Schaduwen · Tonen
Tinten
- 9DA235
- A7AD51
- B1B769
- BCC180
- C7CC95
- D2D6AA
- DDE0C0
- E8EAD5
- F3F5EA
Schaduwen
- 7F8400
- 6C7000
- 595C00
- 474A00
- 363800
- 252700
- 161700
- 080800
- 010100
Tonen
- 919625
- 8F9437
- 8D9144
- 8B8F4F
- 898D59
- 878A62
- 85886A
- 838572
- 828379
Kleurharmonieën
Complementair +180°
- 939800
Papyrus
- 937DE0
≈ Indigo Bloom
Analoog -30° +30°
- 939800
Papyrus
- B98600
≈ Letter Jacket
- 57A650
≈ Lush Un’goro Crater
Triadisch +120° +240°
- 939800
Papyrus
- 009DD3
≈ Structural Blue
- D16799
≈ Nocturnal Rose
Gesplitst complementair +150° +210°
- 939800
Papyrus
- 5E8EE8
≈ United Nations Blue
- B96FC4
≈ Lavendless
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 3.11:1 · APCA Lc 58
Ag
AAOp zwart
WCAG 6.73:1 · APCA Lc 44
Beste tekstkleur: #000000
WCAG 6.73:1 (AA) · APCA Lc 44
Contrast pairs
Codefragmenten
CSS
:root {
--papyrus: #939800;
--papyrus-rgb: 147 152 0;
--papyrus-oklch: oklch(0.654 0.145 112.1);
}
.element {
color: var(--papyrus);
background-color: hsl(62 100% 30%);
border-color: oklch(0.654 0.145 112.1);
}Tailwind CSS v4
@theme {
--color-papyrus: #939800;
--color-papyrus-50: #f4fbcb;
--color-papyrus-100: #e7eeb7;
--color-papyrus-200: #d3dc93;
--color-papyrus-300: #b6c065;
--color-papyrus-400: #a1a62f;
--color-papyrus-500: #8a8e00;
--color-papyrus-600: #747800;
--color-papyrus-700: #5d6000;
--color-papyrus-800: #464600;
--color-papyrus-900: #303000;
--color-papyrus-950: #1d1c00;
}SCSS
$papyrus: #939800;
$papyrus-rgb: 147, 152, 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);
}