Dichtstbijzijnde benoemde kleur · #2F6B3B
#2F6B3B
Dichtstbijzijnde benoemde kleur: Bucolic
#2F6B3B (rgb(47 107 59), hsl(132 39% 30%), oklch(0.475 0.099 148.2)) komt het dichtst bij de benoemde kleur Bucolic. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#2F6B3B
oklch(0.475 0.099 148.2)
Kleurconversies
- HEX
- #2f6b3b
- RGB
- rgb(47 107 59)
- HSL
- hsl(132 39% 30%)
- HWB
- hwb(132 18% 58%)
- OKLCH
- oklch(0.475 0.099 148.2)
- OKLab
- oklab(0.475 -0.084 0.052)
- CIE Lab
- lab(40.31 -29.01 20.73)
- LCH
- lch(40.31 35.66 144.4)
- CMYK
- cmyk(56% 0% 45% 58%)
Tinten · Schaduwen · Tonen
Tinten
- 44794D
- 598760
- 6D9672
- 81A485
- 96B399
- AAC2AD
- BFD1C1
- D4E0D5
- E9F0EA
Schaduwen
- 275C32
- 204E29
- 193F21
- 123219
- 0C2511
- 061809
- 030D04
- 010401
- 000000
Tonen
- 396D42
- 427049
- 4A7250
- 537457
- 5B765E
- 627865
- 6A7A6C
- 717C72
- 797E79
Kleurharmonieën
Complementair +180°
- 2F6B3B
Bucolic
- 7A4678
≈ Purple Passion
Analoog -30° +30°
- 2F6B3B
Bucolic
- 576317
≈ Kirchner Green
- 006C5C
≈ Pacific Queen
Triadisch +120° +240°
- 2F6B3B
Bucolic
- 445994
≈ Lambent Lagoon
- 8B443C
≈ Red Hawk
Gesplitst complementair +150° +210°
- 2F6B3B
Bucolic
- 634F8C
≈ Fine Purple
- 87425C
≈ Redcurrant
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 6.38:1 · APCA Lc 82
Ag
FailOp zwart
WCAG 3.28:1 · APCA Lc 20
Beste tekstkleur: #FFFFFF
WCAG 6.38:1 (AA) · APCA Lc 82
Contrast pairs
Codefragmenten
CSS
:root {
--bucolic: #2f6b3b;
--bucolic-rgb: 47 107 59;
--bucolic-oklch: oklch(0.475 0.099 148.2);
}
.element {
color: var(--bucolic);
background-color: hsl(132 39% 30%);
border-color: oklch(0.475 0.099 148.2);
}Tailwind CSS v4
@theme {
--color-bucolic: #2f6b3b;
--color-bucolic-50: #e2fee7;
--color-bucolic-100: #d1f2d7;
--color-bucolic-200: #b7e1be;
--color-bucolic-300: #93c69d;
--color-bucolic-400: #75af7d;
--color-bucolic-500: #559860;
--color-bucolic-600: #488152;
--color-bucolic-700: #3a6741;
--color-bucolic-800: #2a4b2d;
--color-bucolic-900: #1c341f;
--color-bucolic-950: #0c200e;
}SCSS
$bucolic: #2f6b3b;
$bucolic-rgb: 47, 107, 59;
$bucolic-light: mix(#fff, $bucolic, 20%);
$bucolic-dark: mix(#000, $bucolic, 20%);
.element {
color: $bucolic;
box-shadow: 0 0 0 2px rgba($bucolic, 0.35);
}